Saltar al contenido

¿Cómo uso Reaccionar fragmentsDec, 28thIn este tutorial, vamos a aprender sobre el uso de fragmentos …

marzo 13, 2020

 

En esta guía, vamos a aprender sobre el uso de fragmentos de reaccionar aplicaciones.

¿Qué es un fragmento Reaccionar?

Reaccionar es un fragmento reaccionan componente que nos ayuda a devolver los múltiples elementos secundarios sin necesidad de utilizar los nodos DOM adicionales.

Reaccionar fragmentos se introdujeron en la versión de 16.

Veamos algunos ejemplos

Sin Reaccionar fragmentos

import React from 'react';

function Welcome(props){

return (

Welcome to reactgo.com

Some dummy content

)
}

Ahora estamos sustituyendo el código de componentes de bienvenida mediante el uso de los fragmentos.

Con Reaccionar Fragmentos

import React,{Fragment} from 'react';

function Welcome(props){

return (

Welcome to reactgo.com

Some dummy content


)
}

Mediante el uso de fragmentos paramos para crear un elemento div extra en el componente de bienvenida.

corto sintaxis

También hay una sintaxis nueva y corta de los fragmentos.

import React from 'react';

function Welcome(props){

return (
<>

Welcome to reactgo.com

Some dummy content


)
}

La nueva sintaxis está usando las etiquetas vacías para declarar fragmentos reaccionar.

Algunos ejemplos más

uso

fragmentos en devolver el grupo de componentes niño.

function Button(){
return
}

function Name(){
return

Hi react

}

function Post(){

return (

Heading...

post content

)
}

function App(){

return (
<>