驗證不適用於材料 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'傳遞給它。