Material UI TextField 值验证

问题描述

我有一个需要验证的 TextField：

minValue = 1

ma​​xValue = 10

如果我使用 TextField 中的箭头，这些验证会起作用，但如果我直接在其中输入，则可以输入任何数字。我将如何修复/验证这个

permissions: {
  permission_1": false,// matches /post/create
  permission_2": false,// matches /admin/post
  permission_3": false,// matches /admin/delete
  permission_4": true,// matches /subscribe
}

解决方法

这行得通吗？添加了git checkout -B features/integration !#$@{1}

step

如果这不起作用，请尝试在 onChange 函数中检查它

,

尝试更改 onChange 函数：

<TextField
  // other props
  onChange={handleChange}
/>

onChange 函数：

const handleChange = e => {
  setState(prev => {
    if (e.target.value < min || e.target.value > max) {
      return prev;
    }
    return e.target.value;
  })
}