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>
        );
    },

displayInputField:函数（名称、占位符、updateMethod、maxLength）{
返回(
{name}
);
},

但是，生成的输入字段不会阻止我输入更多字符。 其来源如下：

<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；如果你不确定的话，你应该读一下。

这对我很有用：

<input className="form-control" maxLength={30} size={30} name="subject" />

是否应为

maxLength

？（注意大写字母L！）

maxLength

参数不是null？@twostrows，它不应该那么严格。HTML5标准不需要小写的属性名称。他没有使用HTML，他使用的是JSX。它变成了最终生成HTML的JavaScript，是的，但正如您所看到的，输出HTML根本没有最大长度属性–或者

maxLength

或者

maxLength

：）