欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

antd inputnumber 双击时没有选中其内容

程序员文章站 2022-06-14 19:38:41
...

来活了
其中一个需求是双击价格输入框可以选中输入的内容,如下图。
antd inputnumber 双击时没有选中其内容
看到这个需求时很困惑input框双击会自动全选内容啊。
启动项目自己试了下,双击第一次可以全选,后面就不行了。怪哉…

找到其他也使用了 inputnumber 组件的页面看了下,发现有的可以,有的不行。
仔细一对比,发现可以全选的都有 value 属性,不能全选的则没有,改呗。

<InputNumber
    min={1}
    value={this.state.maxPrice}
    placeholder="最高价"
/>

改完后又发现了另一个问题,输入内容后,input失去焦点时,输入的值会闪烁一下。
然后发现原因是 赋值时是直接赋值

this.satte.maxPrice = value

再改,就好了

this.setState({
  maxPrice: value
})