Comment créer un composant Fabric UI TextField contrôlé?

Question

J'ai essayé de coder un composant TextField contrôlé de façon standard comme dans React docs:

handleChange(event) { 
    this.setState({ 
      text: event.target.value 
    }); 
} 

<TextField label='Enter Text' value={this.state.text} onChange={this.handleChange}/> 

Le code ci-dessus est ce que je l'ai utilisé, mais il semble qu'il ne change pas l'état du composant de réaction, parce que dans la même forme si je change une case à cocher contrôlée, il réinitialise le champ de texte pour être vide. Si j'utilise un élément d'entrée html standard, il fonctionne comme prévu et n'efface pas le champ.

Qu'est-ce que je fais mal ici? TextField ne devrait-il pas fonctionner de la même manière qu'une entrée de type texte?

Answer 1

De l'docs, onChange est pas une propriété. Utilisez onChanged à la place. Notez que la valeur de retour est la valeur du champ de texte, pas un événement.

Answer 2

Selon cette example:

handleChange(value) { 
 
    this.setState({ 
 
      text: value 
 
    }); 
 
}