Avatar ·

Quel est le type de données de la prop children dans React avec TypeScript ?

Bonjour à tous ! Je viens de commencer à apprendre React avec TypeScript, et j'ai un problème avec le typage de la prop `children`. J'ai un simple composant wrapper : ```tsx interface CardProps { title: string; children: ???; // Quoi écrire ici ? } function Card({ title, children }: CardProps) { return (

{title}

{children}
); } ``` Je veux que ce composant puisse accepter : 1. Du texte simple (une chaîne) 2. Un autre composant React 3. Plusieurs composants enveloppés dans un fragment 4. N'importe quels éléments JSX (div, span, img, etc.) 5. Même null ou undefined (si children n'est pas passé) En JavaScript, j'écrivais simplement `children: any`, mais en TypeScript, c'est considéré comme une mauvaise pratique. J'ai essayé d'utiliser `ReactNode`, `ReactElement`, `JSX.Element`, mais je me suis perdu dans les différences. Quand j'écris `children: React.ReactNode`, TypeScript se plaint que je n'ai pas importé React.