Comment gérer les accessoires de modifications sans l'aide de componentWillReceiveProps à Réagir

J'ai travaillé sur un projet qui est codé à l'aide de Réagir. J'ai un jeu de composants que j'ai mis en place de nombreux composants pour mes propres besoins. Beaucoup de ceux-ci agissent comme un composant composite. Par exemple, zone de texte composant qui a son propre label, propre message d'erreur mécanisme et propre filtre d'entrée etc. En outre, vous le savez, les composants ont des accessoires afin de gérer les géohelminthiases.

À chaque fois de mettre à jour ma vue component (render), j'utilise componentWillReceiveProps et je compare les accessoires changements.

Mais à chaque fois la mise en œuvre de la componentWillReceiveProps méthode est tellement répugnant.

Est-il un moyen de passer des accessoires de haut en bas sans l'aide de componentWillReceiveProps. Je ne veux pas comparer les accessoires modifications manuellement. Est-il possible de le faire automatiquement.

Quand j'ai changer les accessoires parent, je voudrais mettre à jour tous les points de vue simplement la modification de certains prop valeurs de haut en bas.

Je ne suis pas réagir d'experts et de la performance n'est pas mon premier but aussi!

Une chose de plus que la réponse n'est pas use Redux!

Je suis en attente de vos approches créatives et des idées utiles.

  • Il n'est pas clair ce qu'est la question - vous avez seulement besoin de mettre en œuvre componentWillReceiveProps si il y a quelque chose de spécifique que vous voulez à faire en réponse à (potentiellement) mise à jour des accessoires.
  • Quand j'ai changer les accessoires dans mon conteneur parent, je voudrais mettre à jour tous les points de vue de haut en bas.
  • Vous n'avez pas besoin de mettre en œuvre componentWillReceiveProps pour faire de vos composants réactifs. Je ne comprends pas votre question?
  • Que la propagation est gérée par Réagir de lui-même.
  • Je vais vérifier mon nouveau les composants. J'attends comme vous l'avez dit, mais quelque chose d'étrange et il ne fonctionne pas comme ça.
  • Cool. Si vous ne pouvez pas comprendre ce qui est en place, il serait utile de faire bouillir cela par un exemple de code pour illustrer le problème que vous avez vu.

InformationsquelleAutor Tugrul | 2017-04-12