React+maxlength が有効にならない場合の対処方法

react maxlength が有効にならない場合の解決策: 1. 対応する React ファイルを開きます; 2. "maxlength" を "maxLength" に変更します。コードは ""。

このチュートリアルの動作環境: Windows 10 システム、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 が有効にならない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。