Apa yang perlu dilakukan jika react+maxlength tidak berkuat kuasa

Penyelesaian untuk react+maxlength tidak berfungsi: 1. Buka fail react yang sepadan 2. Tukar "maxlength" kepada "maxLength", kodnya seperti "232f52954156d8e7bd1ca437776c8fad96ac42c95369ad8c9dbbd274b6bcc83a".

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang perlu saya lakukan jika react+maxlength tidak berkuat kuasa?

Perihalan masalah:

Saya mempunyai input React tetapi maxlength tidak berfungsi. Adakah sesiapa tahu bagaimana untuk menyelesaikan masalah ini?

Ini ialah handleChangeInput

handleChangeInput(input) {    this.setState({
        ...this.state,        form: {
            ...this.state.form,
            [input.target.name]: input.target.value
        }
    })
}

Ini pendapat saya:

<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>

Masalah selesai:

Tukar maxlength kepada maxLength! Perhatikan huruf besar L.

<input
    id="ZIPCode"
    className="form-control"
    type="text"
    maxLength={10} // this is the important line
></input>

React menggunakan atribut html camelCased, jadi maxlength akan menjadi maxLength.

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Apa yang perlu dilakukan jika react+maxlength tidak berkuat kuasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!