我使用的是antd滑块组件。我正在尝试实现一个范围滑块,它还绑定了两个数字输入,如下面的图像所示

在给定的链接https://codesandbox.io/s/icy-framework-xpvl9中找到我的代码。在向滑块组件添加范围道具时,会抛出错误。我对在绑定了范围滑块的数字输入中实现min和max的逻辑感到困惑。
<Slider
className="slider-main-div"
min={min}
max={max - 1}
onChange={this.onChange}
value={typeof inputValue === "number" ? inputValue : 0}
/>
<div className="range-input-number-main">
<InputNumber
className="min-input-main"
min={min + 1}
max={max - 1}
value={inputValue}
onChange={this.onChangeMin}
/>
<span className="range-span">to</span>
<InputNumber
className="min-input-main"
min={21}
max={50}
value={inputValue}
onChange={this.onChangeMax}
/>
```发布于 2020-02-24 23:08:55
您应该使用单独的变量来存储最小值和最大值。当前您的滑块值、输入最小值和输入最大值都指向变量‘value’。这将在您的代码中发生冲突。如下所示:https://codesandbox.io/s/kind-mcclintock-blm4e
https://stackoverflow.com/questions/60378661
复制相似问题