Fragment

Définition

Conteneur invisible qui permet de retourner plusieurs éléments sans ajouter de noeud DOM supplémentaire.

Analogie

Comme un trombone pour regrouper des feuilles : il les tient ensemble sans ajouter de page vide.

Exemple de code

function Info() {
  return (
    <>
      <h1>Titre</h1>
      <p>Description</p>
    </>
  );
}

Cas d'usage

Éviter les divs inutiles qui cassent le layout CSS ou la sémantique HTML.

Termes liés