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

你的问题是你在JSX中编写maxlength时应该是maxLength。这种较低的驼峰式方法对于所有HTML属性都是相同的，例如， cellPadding，encType等等。

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

Answer 2

这对我有用：

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

不遵守输入字段的Maxlength属性

2 个答案: