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

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

最佳答案

您的问题是您在JSX中编写了maxlength，而应该是maxLength。对于所有HTML属性，此小写驼峰方法都是相同的，例如cellPadding，encType等。

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

关于javascript - 输入字段的Maxlength属性不受重视，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34355734/