react+maxlength不生效如何解决

　　react+maxlength不生效如何解决react+maxlength不生效的解决办法：1、打开相应的react文件；2、将“maxlength”修改成“maxLength”即可代码如“<input id="ZIPCode"className="form-control"type="text"maxLength={10}></input>”。

　　
　　问题描述：
　　
　　我有一个 输入但 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。

上一篇：mysql数据库的超级管理员密码怎么修改

下一篇：navicat怎么新建查询

---