Gérer le Changement de FormControl Réagir
Hé oui, j'ai une zone de texte/FormControl qui est censé mettre à jour un champ dans un json dans ce.état. Je me demandais si il y avait une meilleure façon de le faire onChange?
<FormControl
type='text'
placeholder='enter'
defaultValue={this.state.form.name}
onChange={this.handleChange.bind(this, 'name')}
/>
</FormGroup>
`
handleChange(change, event) {
var toChange = this.state.form;
toChange[change] = event.target.value;
this.setState({form: toChange});
}
Qu'est-ce que vous aimeriez améliorer sur le gestionnaire d'événement? Il a l'air plutôt ok. Une chose que vous pourriez envisager si, est de ne pas la mutation de l'état. Vous pourriez faire quelque chose comme
Quelque chose comme ça! Merci
Je reçois inattendue jeton sur la première . ...
Ce n'compiler votre fichier de configuration (pour webpack ou quoi que ce soit), le ... de la propagation de la syntaxe en est encore au stade-0 je pense que ce qui peut être la raison pour laquelle il est en train de mourir.
this.setState({form: {...this.state.form, [change]: event.target.value}})
. Qui va être nécessaire si vous mettez en œuvre shouldComponentUpdate
à un certain point, pour des raisons de performances.Quelque chose comme ça! Merci
Je reçois inattendue jeton sur la première . ...
Ce n'compiler votre fichier de configuration (pour webpack ou quoi que ce soit), le ... de la propagation de la syntaxe en est encore au stade-0 je pense que ce qui peut être la raison pour laquelle il est en train de mourir.
OriginalL'auteur Patrick Duncan | 2016-07-21
Vous devez vous connecter pour publier un commentaire.
Optimiser la handleChange méthode que ci-dessous. (remplacez "nom d'utilisateur" avec le nom du champ que vous aimez...)
OriginalL'auteur Galeel Bhasha