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

Question

在 HTML5 中我们可以做，<input type="text" maxlength="3" />但我如何在 Material-UI 中做同样的事情？波纹管是示例 Material-UI TextFiled 组件

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

Answer 1

将以下添加inputProps到TextField示例中：

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

或替代硬编码解决方案：

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