Tengo el siguiente componente funcional sin accesorios con diferentes niños:
<Parent> <ChildA /> <ChildB /> ... <ChildG /> </Parent>¿Hay alguna forma de escribir todos los niños en el componente principal no manualmente, por ejemplo, en bucle como:
<Parent> {childrenArray.map(child => <Child>} </Parent>En caso afirmativo, ¿cuál es la forma correcta?
Crear una matriz de elementos JSX
const childrenArray = [ChildA , ChildB, ChildC];renderizar así
<Parent> {childrenArray.map(Child => <Child />)} </Parent>