首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何实现范围与数字输入绑定的滑块

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

Stack Overflow用户
提问于 2020-02-24 23:05:12
回答 1查看 118关注 0票数 1

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

在给定的链接https://codesandbox.io/s/icy-framework-xpvl9中找到我的代码。在向滑块组件添加范围道具时,会抛出错误。我对在绑定了范围滑块的数字输入中实现min和max的逻辑感到困惑。

代码语言:javascript
复制
<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}
          />
    ```
EN

回答 1

Stack Overflow用户

发布于 2020-02-24 23:08:55

您应该使用单独的变量来存储最小值和最大值。当前您的滑块值、输入最小值和输入最大值都指向变量‘value’。这将在您的代码中发生冲突。如下所示:https://codesandbox.io/s/kind-mcclintock-blm4e

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60378661

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档