The Maxlength property of the input field is not respected

Question

I have the following React method, which should create an input field with a maximum length:

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

However, the generated input field does not stop me from entering more characters. Its source is the following:

<input type="text" class="form-control" placeholder="<15 characters" data-reactid=".0.1.2.0.0.1.2.1.0.1">

Why is the maxlength attribute not respected?

Answer 1

Your problem was what you wrote maxlengthwhen it was supposed to be in JSX maxlength. This lower camel approach is suitable for all HTML attributes, for example. cellPadding, encTypeetc.

, JSX JavaScript; , .