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 (
);
}
```
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...
{title}
{children}