reactjs - 在 Material UI 的 Textfield 中设置 maxlength 时未显示响应

Question

尝试设置 Material-Ui 的 TextField 的最大长度属性，但没有找到任何可以设置的属性。还尝试使用以下代码工作，但仍然无法正常工作。代码是:-

<TextField
            label="Amazon Login"
            name="login"
            type = "number"
            fullWidth
            inputProps={{
              maxLength: 10,
            }}
            onChange={this.handle_value}
            margin="normal"

          />

我在这里先向您的帮助表示感谢。

Answer 1

maxLength仅适用于文本输入。如果您想将其用于数字，请即时转换用户输入。使用 onInput事件。像这样:

<TextField
    label="Amazon Login"
    name="login"
    type="text"
    fullWidth
    inputProps={{
        maxLength: 10,
    }}
    onInput={(e) => { e.target.value = e.target.value.replace(/[^0-9]/g, '') }}
    margin="normal"
/>