Avatar ·

React और TypeScript में props children का डेटा प्रकार क्या है?

सभी को नमस्कार! मैंने हाल ही में React के साथ TypeScript सीखना शुरू किया है और एक अजीब स्थिति का सामना किया। मैं एक wrapper component बना रहा हूँ जो child elements को स्वीकार करना चाहिए। सामान्य JavaScript में मैं बस `props.children` लिखता था और सब काम करता था। लेकिन TypeScript में मुझे types specify करनी होती हैं, और मुझे समझ नहीं आ रहा कि `children` के लिए कौन सा type specify करूँ। यहाँ मेरे कोड का उदाहरण है: ```tsx interface CardProps { title: string; children: ???; // यहाँ क्या लिखूँ? } function Card({ title, children }: CardProps) { return (

{title}

{children}
); } ``` मैंने `children: any` लिखने की कोशिश की, लेकिन यह अच्छा नहीं है, typing खो जाती है। `children: ReactNode` लिखने की कोशिश की — यह काम करता है, लेकिन मुझे यकीन नहीं है कि यह सही है। और मैंने देखा कि कोई `ReactChild` या `ReactElement` का उपयोग करता है। इनमें क्या अंतर है? और अगर मैं चाहता हूँ कि component केवल एक child element स्वीकार करे तो क्या होगा? या इसके विपरीत?