在JSX中使用html属性

Question

我正在尝试在JSX中使用maxLength属性，但是我发现的示例不起作用。

<div>
    <input type="Number" maxLength={5}/>
</div>

这是我目前拥有的，并且我已经尝试过：

maxLength="5"

maxLength={"5"}

谢谢。

Answer 1

问题根本不在于react或JSX。 问题是输入类型“数字”不支持maxlength属性。 它支持属性“ max”。 例如：

<input type="Number" max="99"/>

最多允许输入99。

JSX也支持maxLength属性，您可以这样编写：

maxLength="5"
maxLength={"5"}
maxLength={5}

这将是同一件事

Answer 2

您是否需要使用“数字”类型？ maxLength将与“文本”一起使用，但是您希望将max与number一起使用以定义可接受数字范围的最大限制。 但是，这不会阻止用户输入比您指定的更多的数字，如此处的回答所示，