J'ai une petite question sur certaines techniques utilisées pour rendre / ne pas rendre les modaux.

Pour le moment, il existe deux façons principales de le faire.

Pour le premier exemple, nous utilisons un accessoire visible sur le modal et sur cette base, nous appliquerons un style qui masquera le modal. Cela sera géré par état puis basculé avec un bouton par exemple:

<Modal
   title="Foo"
   visible={this.state.visible}
 >
   Foo
</Modal>

La deuxième façon de faire utilise également l'état, mais utilise une condition pour rendre le modal ou non:

{this.state.visible && (
   <Modal title="Foo">
      Foo
   </Modal>
)}

La chose pratique avec ceci est que le modal ne sera pas rendu tant qu'il ne le devrait pas.

Alors, quelle est la meilleure façon de faire? Je suppose que les 2 ont raison, mais y en a-t-il un qui est meilleur que l'autre?

1
Trisma 8 nov. 2019 à 16:25

1 réponse

Meilleure réponse

Personnellement, le second est meilleur, car en vérifiant l'état du composant parent, vous séparez la logique du composant parent et la logique du composant enfant, car le composant modal est uniquement responsable de l'affichage du modal, mais la logique, qu'elle soit modale ouverte ou fermée, appartient à la logique du composant parent. Mais les deux solutions fonctionneront :)

1
onuriltan 8 nov. 2019 à 13:31