如何限制 Material-UI 的 TextField 组件中 String 字段的可能输入？

Question

In HTML5 we can do <input type="text" maxlength="3" /> but how do I same in Material-UI ? Bellow is example Material-UI TextFiled component

<TextField
          id="name"
          label="Name"
          type="string"
          //maxLength="3" Or maxlength="3" Or max="3"
          margin="normal"
        />

Answer 1

Add the inputProps to the TextField example following:

<TextField
  inputProps={{
    maxLength: 10,
  }}
/>

Or alternative hard coded solution:

<TextField
  onInput={e => {
    e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 12);
  }}
/>