react+maxlength不生效的解决办法：1、打开相应的react文件；2、将“maxlength”修改成“maxlength”即可，代码如“af46da9dcb03ca9e33bea3cdd517c5d996ac42c95369ad8c9dbbd274b6bcc83a”。
本教程操作环境：windows10系统、react18.0.0版、dell g3电脑。
react+maxlength不生效怎么办？
问题描述：
我有一个 react 输入，但 maxlength 不起作用。有谁知道如何解决这个问题？
这是handlechangeinput
handlechangeinput(input) { this.setstate({ ...this.state, form: { ...this.state.form, [input.target.name]: input.target.value } })}
这是我的意见：
<div classname="input-field col s12 m6 l6"> <input onchange={this.handlechangeinput} value={this.state.form.message} type="text" classname="phone validate" name="phone" maxlength="11"/> <label for="telefone">telefone</label></div>
问题解决：
将maxlength改成maxlength！注意是大写的l。
<input id="zipcode" classname="form-control" type="text" maxlength={10} // this is the important line></input>
react 使用 camelcased html 属性，因此 maxlength 将是 maxlength。
推荐学习：《react视频教程》
以上就是react+maxlength不生效怎么办的详细内容。