Was tun, wenn „react+maxlength“ nicht wirksam wird?

Die Lösung für den Fall, dass „react+maxlength“ nicht funktioniert: 1. Öffnen Sie die entsprechende Reaktionsdatei. 2. Ändern Sie „maxlength“ in „maxLength“. Der Code lautet wie folgt: „a86f36a50f5c568fb838ec54f37cf57596ac42c95369ad8c9dbbd274b6bcc83a".

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Was soll ich tun, wenn „react+maxlength“ nicht wirksam wird?

Problembeschreibung:

Ich habe eine React-Eingabe, aber maxlength funktioniert nicht. Weiß jemand, wie man dieses Problem löst?

Das ist handleChangeInput

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

Das ist meine Meinung:

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

Problem gelöst:

Maxlength in maxLength ändern! Beachten Sie das große L.

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

React verwendet das HTML-Attribut camelCased, daher ist maxlength maxLength.

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonWas tun, wenn „react+maxlength“ nicht wirksam wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!