我有以下 React 方法,它应该创建一个具有最大长度的输入字段:
displayInputField: function(name, placeholder, updateMethod, maxLength) {
return (
<div className="form-group form-inline">
<label>{name}</label>
<input onChange={updateMethod} type="text" className="form-control"
maxlength={maxLength} placeholder={placeholder}/>
</div>
);
},
但是,生成的输入框并没有阻止我输入更多的字符。 它的来源是这样的:
<input type="text" class="form-control" placeholder="<15 characters" data-reactid=".0.1.2.0.0.1.2.1.0.1">
为什么不遵守 maxlength 属性?
最佳答案
你的问题是你写了 maxlength
而在 JSX 中它应该是 maxLength
。这种小驼峰法对所有 HTML 属性都是相同的,例如cellPadding
、encType
等。
请记住,您的 JSX 最终是 JavaScript;你应该阅读 list of supported tags and attributes如果您不确定。
关于javascript - 输入字段的 Maxlength 属性不受尊重,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34355734/