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
SourcePersonalmente, 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 :)