在RC滑杆手柄中设定范围

Question

起亚ora。我正在自定义用作时间轴的rc-slider组件。

这首曲目代表了一百年的时间框架。

我需要为手柄设置一个固定范围，以便在用户移动手柄时，手柄始终保持在10年跨度的最小值/最大值中。

相对于轨迹上的值，我希望手柄两端的工具提示可见-

例如-手柄范围两端的工具提示应类似于：

位置1：   （1856）（1866）

位置2：   （1883）（1893）

我已经浏览了文档，但是不知道我是否应该编写一个将句柄的两端锁定到固定范围的函数，或者这是否是一些聪明的CSS ...？

以下是滑块组件：

export default class TimeSlide extends React.Component {

  render() {
    return (
      <SlideContainer>
        <Range
        min={1800} max={1900}
        step={1}
      />
      </SlideContainer>
    )
  }
}

我希望每一步等于1，但手柄的设定范围为10年。