如何设置material-ui TextField 仅接受十六进制字符

Question

我希望我的 TextField 仅接受 0-9 的值和字母 AF。谢谢。

Answer 1

        <TextField
          id="text-field-1"
          placeholder="Enter text"
          type="text"
          value={state.alphanum}
          onChange={(event) => {
            const regex = /^([a-z0-9]){minLength,maxLength}$/i;
            if (event.target.value === '' || regex.test(event.target.value)) {
              setState({ ...state, alphanum: event.target.value });
            }
          }}
          variant="outlined" />