javascript - 输入字段的 Maxlength 属性不受尊重

Question

我有以下 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 属性？

Answer 1

你的问题是你写了 maxlength 而在 JSX 中它应该是 maxLength。这种小驼峰法对所有 HTML 属性都是相同的，例如cellPadding、encType 等。

请记住，您的 JSX 最终是 JavaScript；你应该阅读 list of supported tags and attributes如果您不确定。