验证不适用于材料 ui textinput

Question

我想做 setState 验证，比如值小于 25 且大于 1，允许为空，但不允许使用字符。 只想添加从 1 到 24 的数字。

function handleChangeWithoutMinusandDecimal(e) {
const re = /^[0-9\b]+$/;
const isNumber = re.test(e.target.value) ? true : false;
// console.log(isNumber);
if (
  (e.target.value > 0 && e.target.value < 25 && isNumber) ||
  e.target.value === ""
) {
  // console.log("hi" + e.target.value);
  setState({
    ...state,
    [e.target.name]: e.target.value,
  });
}

}

不知道出了什么问题，但是有了这个，我也可以添加字符。 请，建议。

Answer 1

使用<TextField/>组件并将type='number'传递给它。