Welcher Datentyp hat die Prop children in React mit TypeScript?
Hallo zusammen! Ich habe gerade angefangen, React mit TypeScript zu lernen, und habe ein Problem mit der Typisierung der Prop `children`.
Ich habe eine einfache Wrapper-Komponente:
```tsx
interface CardProps {
title: string;
children: ???; // Was soll hier stehen?
}
function Card({ title, children }: CardProps) {
return (
);
}
```
Ich möchte, dass diese Komponente Folgendes akzeptieren kann:
1. Einfachen Text (einen String)
2. Eine andere React-Komponente
3. Mehrere Komponenten, die in einem Fragment verpackt sind
4. Beliebige JSX-Elemente (div, span, img usw.)
5. Sogar null oder undefined (wenn children nicht übergeben wird)
In JavaScript habe ich einfach `children: any` geschrieben, aber in TypeScript gilt das als schlecht
{title}
{children}
Noch keine Antworten.
Anmelden um eine Antwort zu hinterlassen