在 JSX 中使用 html 属性答案

【问题标题】：using html attributes in JSX在 JSX 中使用 html 属性
【发布时间】：2016-08-23 12:22:29
【问题描述】：

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

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

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

maxLength="5"

maxLength={"5"}

谢谢。

【问题讨论】：

【解决方案1】：

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

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

最多允许 99 个数字。

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

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

都是一样的

【讨论】：

【解决方案2】：

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

【讨论】：