Javascript 如何实现与数字输入绑定范围的滑块

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

在给定的链接中查找我的代码。在向滑块组件添加范围道具时，会抛出错误。我对在与范围滑块绑定的数字输入中实现最小值和最大值的逻辑感到困惑

<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}
          />
    ```

到
```

您应该使用单独的变量来存储最小值和最大值。当前，滑块值、输入最小值和输入最大值都指向变量“value”。。这将在您的代码中发生冲突。

---

类似这样：

您应该使用单独的变量来存储最小值和最大值。当前，滑块值、输入最小值和输入最大值都指向变量“value”。。这将在您的代码中发生冲突。

---

类似这样：

但在某些情况下，在第一个输入中选择49失败，然后第二个输入不应低于50。但它下降到49以下。滑块中没有范围。它对一个输入编号独立工作。如果您希望第二个输入具有链接到第一个输入值的最小值，您可以使用codesandbox中的代码（我更新了我的代码），但在某些情况下，它无法在第一个输入中选择49，则第二个输入不应低于50。但它下降到49以下。滑块中没有范围。它对一个输入号码独立工作如果您希望第二个输入有一个与第一个输入的值链接的最小值，您可以使用codesandbox中的代码（我更新了我的）