Reactjs rc ranger-正确处理范围值

我正在尝试获取的值随其变化而变化。我无法使滑块在保持其值最新的同时平滑移动。有什么想法吗？ 下面是指向codesandbox中工作示例的链接：

---

你需要做的就是移动这个代码

const createSliderWithTooltip = Slider.createSliderWithTooltip;
const Range = createSliderWithTooltip(Slider.Range);

在渲染方法之外

这是因为每次值更改时，它都会创建范围的新实例

下面是一个例子：

const createSliderWithTooltip = Slider.createSliderWithTooltip;
const Range = createSliderWithTooltip(Slider.Range);