antd input框限制只可输入4位数字

在Ant Design（antd）中，你可以通过结合React的状态管理和`InputNumber`组件的属性来实现一个只能输入4位数字的功能。这里是一个简单的例子：

import { InputNumber } from 'antd';

class FourDigitNumericInput extends React.Component {
  state = {
    value: '',
  };

  handleChange = (e) => {
    const inputValue = Number(e.target.value);
    // 只允许输入四位数字
    if (inputValue >= 0 && inputValue < 10000) {
      this.setState({ value: String(inputValue) });
    }
  };

  render() {
    return (
      <InputNumber
        value={this.state.value}
        onChange={this.handleChange}
        min={0}
        max={9999}
        step={1}
        placeholder="请输入4位数字"
      />
    );
  }
}

export default FourDigitNumericInput;

在这个组件中，`handleChange`函数会在用户输入时检查值是否在0到9999之间，如果不是则不更新状态，保持当前值。`min`, `max`和`step`属性分别设置了最小值、最大值以及每次增减的数量。