Crear una aplicación con la siguiente arquitectura.
Habrá un componente <Padre/>
.
Que contendrá componentes <Hij/o>
La cantidad <Hijo>
de componentes que mostrará padre será pasado por una prop llamada hijos.
Padre tendrá un css que lo haga tan ancho como necesario y de 200px de altura con fondo rojo, hijo será de 200px x 200px con fondo azul y se acumulará horizontalmente.
Si a un hijo, se le pasa una prop oculto
, este no deberá ser visible en el dom y esconder todos los impares.
Crear una función que reciba un array de <Hijo>
y lo envulva de la siguiente manera <Custom><Hijo/></Custom>
siendo custom un compoente que recibe como parametro la funció
Que contendrá componentes <Hij/o>
. Aplicarlo para que este compoente le de un borde de css a hijo.
Si la ruta de la pagina incluye el parametro ?alternado
entonces los colores de hijo deberan alternar entre rojo y verde.