¿Qué tipo de dato tiene la prop children en React y TypeScript?
¡Hola a todos! Recientemente comencé a estudiar TypeScript junto con React y me encontré con una situación confusa. Estoy creando un componente contenedor que debe aceptar elementos hijos. En JavaScript normal simplemente escribía `props.children` y todo funcionaba. Pero en TypeScript necesito especificar los tipos y no entiendo qué tipo debo usar para `children`.
Aquí hay un ejemplo de mi código:
```tsx
interface CardProps {
title: string;
children: ???; // ¿Qué poner aquí?
}
function Card({ title, children }: CardProps) {
return (
);
}
```
He probado escribir `children: any`, pero no es muy bueno, se pierde el tipado. Probé `children: ReactNode` — parece funcionar, pero no estoy seguro de si es correcto. También he visto que algunos usan `ReactChild` o `ReactElement`. ¿Cuál es la diferencia? ¿Y qué pasa si quiero que el componente acepte solo un elemento hijo? ¿O al contrario?
{title}
{children}