Tengo un componente de reacción simple que representa directamente a varios niños:
return ( <header> <img src={logo}/> <h1>My Site</h1> <nav>...</nav> </header> );¿Existen inconvenientes/beneficios de representar este componente como una matriz de componentes?
return ( <header> {[ <img key="1" src={logo}/>, <h1 key="2">My Site</h1>, <nav key="3">...</nav> ]} </header> );¿Por qué renderizarías como una matriz? No veo ningún beneficio. El inconveniente es que es confuso de leer, es mejor mantenerlo lo más cerca posible de la sintaxis HTML hasta que necesite introducir JS.
No sugiero usar una matriz como esa, ya que afecta negativamente la legibilidad y, por lo que sé, no tiene ningún beneficio.
Solo veo que esto se usa cuando alguien genera componentes mediante programación, como cuando usa Array.prototype.map() por ejemplo, en una matriz de objetos para crear una nueva matriz de componentes con accesorios que se completan a partir de la matriz de objetos.
No deberías usar una matriz para esto. si puede crear componentes más pequeños para lo que sea que esté dentro, puede ser más beneficioso para la redabilidad