Question

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

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

这就是我目前的情况，我尝试过：

maxLength="5"

maxLength={"5"}

谢谢。

Answer 1

问题不在于反应或JSX。问题是输入类型＆＃34;数字＆＃34;不支持maxlength属性。它支持财产＆＃34; max＆＃34;。例如：

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

允许数字达到99.

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

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

这将是同样的事情

Answer 2

您是否需要使用＆＃34; Number＆＃34;的类型？？ maxLength将使用＆＃34; text＆＃34;但是您可能希望使用max with number来定义可接受数字范围的最大限制。但是，它不会阻止用户输入您指定的更多数字，如此处所述，