使用react-slider，我的标签未对齐

Question

这个包本身不是一个问题，但我需要使用范围滑块并在其下面有一些标签，问题是我无法使标签的中心与手柄对齐。参见示例： https://codesandbox.io/s/0312l75vpw

问题是我的文本偏移量明显不同于处理偏移量。 我想制作标签的宽度：calc（100/6）可以解决问题，但这不是如何计算手柄偏移的方法。

我在寻找建议:)人们如何看待？

根据句柄的偏移量渲染标签的偏移量。 我查看了程序包的代码，了解如何计算偏移量：

 _calcOffset: function (value) { var range = this.props.max - 
 this.props.min; if (range === 0) { return 0; } var ratio = (value - 
 this.props.min) / range; return ratio * this.state.upperBound; } ,

我可以使用此逻辑来计算每个标签的偏移量（并且也使用position：绝对值也适用于标签），但是问题是： 如何确保标签仅在react-slider之后渲染，因为我需要事先知道其宽度等？

或者有人有其他建议吗？