Avatar ·

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

Bonjour à tous ! J'ai récemment commencé à étudier TypeScript avec React et j'ai rencontré une situation confuse. Je crée un composant wrapper qui doit accepter des éléments enfants. En JavaScript normal, j'écrivais simplement `props.children` et tout fonctionnait. Mais en TypeScript, je dois spécifier les types, et je ne comprends pas quel type indiquer pour `children`. Voici un exemple de mon code : ```tsx interface CardProps { title: string; children: ???; // Qu'écrire ici ? } function Card({ title, children }: CardProps) { return (

{title}

{children}
); } ``` J'ai essayé d'écrire `children: any`, mais ce n'est pas très bien, la typage est perdu. J'ai essayé `children: ReactNode` — ça semble fonctionner, mais je ne suis pas sûr que ce soit correct. Et j'ai aussi vu que quelqu'un utilise `ReactChild` ou `ReactElement`. Quelle est la différence ? Et si je veux que le composant accepte un seul élément enfant ? Ou au contraire...