antd里面使用input组件，怎么限制只能显示0-100的整数

在Ant Design (antd) 中，你可以通过结合`InputNumber`组件和自定义验证规则来限制输入值在0到100之间且为整数。以下是一个简单的步骤示例：

1. 首先，在HTML上引入`InputNumber`组件：

<InputNumber style={{width: '100%'}} placeholder="请输入0-100之间的整数" />

2. 然后，在JavaScript或TypeScript中，你可以设置`min`, `max`属性来限制范围，并监听`onChange`事件，对用户输入进行实时校验：

import { InputNumber } from 'antd';

const { RangeError } = React； // 使用React内置错误类型

const CustomInputNumber = () => {
  const [value, setValue] = React.useState(0);
  
  const handleChange = (event) => {
    const inputValue = parseInt(event.value); // 将输入转换为整数
    if (isNaN(inputValue) || inputValue < 0 || inputValue > 100) {
      throw new RangeError('请输入0-100之间的整数');
    }
    setValue(inputValue);
  };

  return (
    <InputNumber
      value={value}
      onChange={handleChange}
      min={0} 
      max={100}
      step={1} // 如果需要步长也可以设置
    />
  );
};

这里我们假设你在使用React作为你的UI库。