在 JSX 中使用 html 属性

Question

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

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

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

maxLength="5"

maxLength={"5"}

谢谢。

Answer 1

问题根本不在于反应或 JSX。问题是输入类型 "number" 不支持最大长度属性。它支持属性 "max"。例如：

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

最多允许 99 个数字。

另外 JSX 支持 maxLength 属性你可以这样写：

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

会是一样的

Answer 2

需要使用"Number"类型吗？ maxLength 将与 "text" 一起使用，但是您可能希望将 max 与数字一起使用来定义可接受数字范围的最大限制。但是，它不会阻止用户输入比您指定的更多的数字，如此处回答，

How can I limit possible inputs in a HTML5 "number" element?

using html attributes in JSX