Skip to content

Instantly share code, notes, and snippets.

@trufa
Created September 25, 2018 10:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trufa/17d026d0610356d670f8ad8ca14bc649 to your computer and use it in GitHub Desktop.
Save trufa/17d026d0610356d670f8ad8ca14bc649 to your computer and use it in GitHub Desktop.

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment