我有一个输入字段,应该只接受介于最小值和最大值之间的值。
像下面展示的那样进行了设置,但在图像中手动输入数字会绕过控制。
我该怎么办?
链接:codesandbox
<TextField
id="outlined-number"
label="Number max number 10"
type="number"
InputProps={{ inputProps: { min: "0", max: "10", step: "1" } }}
variant="outlined"
handleChange('number')
/>
我的 handleChange:
const handleChange = field => ({ target: { value } }) => {
setState(prev => {
const _item = prev.item;
_item[field] = value;
return { ...prev, item: _item };
});
};
handleChange('nameAttr')