Avatar ·

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 (

{title}

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