Récupération du contenu texte d'un node React de type Fragment

Publié le 13/11/2024 • Actualisé le 13/11/2024

Dans ce bout de code, nous voyons comment extraire le contenu texte d'un node React de type Fragment. On a parfois besoin d'extraire le contenu d'un node React de type <>text1</>. Dans ce cas, le node React est un Fragment avec un seul enfant de type chaîne de caractères.

---

function getTextFromSimpleFragment(node: ReactNode): string {
  if (React.isValidElement(node) && node.type === React.Fragment) {
    const children = node.props.children;
    if (typeof children === 'string') {
        return children;
    }
  }

  return 'error: simple fragment expected';
}

 Plus sur Stackoverflow   Lire la doc  Snippet aléatoire

  Travaillez avec moi !

---