Del curso: React avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Usando fragmentos en React

Usando fragmentos en React

Los fragmentos o Fragments en React son una solución tan simple como poderosa. Déjame mostrarte cómo funciona. Yo acá tengo una aplicación generada dentro de la línea de comandos. La mayoría de las aplicaciones de React se ven muy similar donde vamos a encontrar acá la sección donde está el return con la información que se va a desplegar dentro del HTML y usualmente vamos a encontrar un div. Ahora, te has preguntado qué pasa si ponemos dos divs. Como puedes ver, en este punto el sistema me dice que hay un error. La forma en que está creado React es para que cada uno de los componentes inyecte, únicamente, un elemento dentro del dom. Eso significa que aunque podemos tener un sin límite de elementos dentro de un componente, todos esos elementos deben estar incluidos dentro de un único elemento, o sea, una única etiqueta de HTML. Sabiendo eso, puede ser que nos encontremos en algunos casos que podemos encontrar problemas. Por ejemplo, yo acá tengo una lista de elementos, en este…

Contenido