如何限制 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);
  }}
/>