Que dois-je faire si React+maxlength ne prend pas effet ?

La solution pour React+maxlength ne fonctionne pas : 1. Ouvrez le fichier de réaction correspondant ; 2. Remplacez "maxlength" par "maxLength", le code ressemble à "a5980201bc38ba702ab50fe23dc54f4c96ac42c95369ad8c9dbbd274b6bcc83a".

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Que dois-je faire si React+maxlength ne prend pas effet ?

Description du problème :

J'ai une entrée React mais maxlength ne fonctionne pas. Est-ce que quelqu'un sait comment résoudre ce problème ?

C'est handleChangeInput

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

Ceci est mon avis :

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

Problème résolu :

Changez maxlength en maxLength ! Notez le L majuscule.

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

React utilise l'attribut html camelCased, donc maxlength sera maxLength.

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!