antd4.5.4 InputNumber组件存在的问题

97 阅读1分钟

antd4.5.4 InputNumber组件存在的问题

问题

最近在使用InputNumber组件时发现了存在的问题,当与Slider一起使用时,点击InputNumber进行调整时,直接点击下方的InputNumber进行调整时会出现报错,后来经过调整发现是因为当连续调整时InputNumber未失焦,调整下一个的时候触发了上一个的onChange事件

image-20231208145057405.png

解决办法
 onFrequencyChange = (newValue) => {
    const { frequency } = this.state;
    // 判断值是否更改
    if (newValue != frequency) {
      this.setState({ frequencyValue: newValue });
      this.formRef.current.setFieldsValue({
        frequency: newValue,
      });
    }
  };