怎么阻止antd中的InputNumber的点击事件

在Ant Design (antd) 的 `InputNumber` 组件中，如果你想要阻止其默认的点击输入数字的行为，你可以通过覆盖`onPressEnter` 和 `onChange` 两个关键事件处理函数来实现。这两个事件通常用于处理数字输入和验证。

首先，在组件内部，你可以创建自定义的事件处理器：

import { InputNumber } from 'antd';

class CustomInputNumber extends React.Component {
  handleClick = (event) => {
    // 阻止默认的点击事件
    event.preventDefault();
    
    // 如果你需要添加额外处理逻辑，可以在这里编写
  };

  onChange = (value) => {
    // 这里可以处理输入数值的变化
    console.log('Custom value:', value);
    
    // 默认调用原生的onChange方法，避免阻止它会丢失输入验证等行为
    this.props.onChange(value);
  };

  onPressEnter = () => {
    // 阻止回车键触发默认的输入动作
    this.handleClick(event);
  };

  render() {
    return (
      <InputNumber
        onPressEnter={this.onPressEnter}
        onChange={this.onChange}
        // 其他属性...
      />
    );
  }
}

// 使用你的CustomInputNumber替代antd的InputNumber

这样，当你需要的时候，可以直接控制点击事件的行为，比如你想禁止单击输入框直接改变值，但是仍保留其他功能如键盘操作。