Fragmentos - Mllara/react-project GitHub Wiki

-Os React Fragments permite a criação de um componente sem elemento pai;

-O propósito é descomplicar os nós do DOM;

-A sintaxe é <> e </>, não há um nome para a tag;

-Criamos no próprio JSX;

**********Sem Fragment:

function List() {

return(

    <div>

        <h1>Minha Lista</h1>

        <ul>

            <li>Item 1</li>

            <li>Item 2</li>

        </ul>

    </div>

)

} export default List

******Com o Fragment:

function List() {

return(

    <>

        <h1>Minha Lista</h1>

        <ul>

            <li>Item 1</li>

            <li>Item 2</li>

        </ul>

    </>

)

} export default List