Comment mettre à jour efficacement les propriétés d'état imbriquées dans React ?

Mise à jour des propriétés d'état imbriquées dans React

Lorsque vous essayez d'organiser l'état React à l'aide de propriétés imbriquées, vous remarquerez peut-être que la simple définition de la propriété imbriquée directement ne fonctionne pas. Au lieu de cela, une approche légèrement différente est requise.

Pour mettre à jour les propriétés d'état imbriquées, créez une copie de l'objet imbriqué, apportez les modifications souhaitées à la copie, puis utilisez setState pour remplacer l'objet d'état d'origine par l'objet mis à jour. copie. Voici un exemple :

var someProperty = {...this.state.someProperty}
someProperty.flag = true;
this.setState({someProperty})

Dans les états hautement imbriqués, cette approche devient lourde. Pour simplifier, envisagez d'utiliser le package immutability-helper, qui fournit des fonctions d'assistance pour mettre à jour en profondeur les objets imbriqués de manière concise.

Pour plus d'informations sur l'utilisation d'immutability-helper pour mettre à jour l'état, reportez-vous à la réponse fournie.

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!