Representación condicional o prop para representación modal

2022-12-01 06:25:26

Tengo una pequeña pregunta sobre algunas técnicas que se utilizan para renderizar/no renderizar modales.

Por el momento hay 2 formas principales de hacerlo.

Para el primer ejemplo, usamos un accesorio visible en el modal y, en base a eso, aplicaremos un estilo que ocultará el modal. Esto se manejará por estado y luego se alternará con un botón, por ejemplo:

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

La segunda forma de hacerlo también usa el estado, pero usa una condición para representar el modal o no:

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

Lo útil de esto es que el modal no se representará hasta que debería.

Entonces, ¿cuál es la mejor manera de hacerlo? Supongo que los 2 tienen razón, pero ¿hay uno que sea mejor que el otro?

- Trisma

Source
zh
Responder


1
  • Personalmente, el segundo es mejor, porque al verificar el estado en el componente principal, separa la lógica del componente principal y la lógica del componente secundario, ya que el componente modal solo es responsable de mostrar el modal, pero la lógica, ya sea que abra o cierre modal, pertenece al componente principal. lógica. Pero ambas soluciones funcionarán :)