PM: 这个数字输入框不能输入小数
面对这个问题,有两种方法可以解决, 可以按照两种方法来解决这个问题, 具体现在哪种可以看需求处理
对小数四舍五入
给 Input 添加 precision 属性
<InputNumber
stringMode={true}
min={1}
max={65535}
step={1}
precision={0}
/>
报错提示不能填入小数
报错提示 利用antd form item 自定义校验validator
<Form.Item
label="保留天数"
name="day"
rules={[
{ required: true, message: '请填写保留天数' },
{
type: 'number',
min: 0,
max: 365 * 100,
message: '请填写 0~36500 之间的整数',
},
{
validator: (_, value: number) => {
if (value && value.toString().includes('.')) {
return Promise.reject('请填写一个正整数作为天数')
}
return Promise.resolve()
},
},
]}
>
<InputNumber placeholder="选填写保留天数" addonAfter="天" />
</Form.Item>