reactjs - प्रतिक्रिया घटकों के उदाहरणों की एक सरणी टाइप करना



typescript typescript-typings (1)

यहां कई विकल्प हैं जो काम करेंगे, दूसरों की तुलना में बेहतर है कि आप उनका उपयोग कैसे करते हैं। मैं बच्चों को निर्दिष्ट करने के लिए React.ReactNode का उपयोग कर रहा हूं, लेकिन आप शायद इसे अपने उपयोग-मामले के लिए भी उपयोग कर सकते हैं।

type Row = (string | number | React.ReactNode)[];

ReactNode काफी लचीला है, क्योंकि इसे इस प्रकार परिभाषित किया गया है:

type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;

और ReactChild में ReactChild , के रूप में परिभाषित किया गया है: type ReactChild = ReactElement | ReactText; type ReactChild = ReactElement | ReactText;

यदि आप इसे सख्त, कम लचीला चाहते हैं, तो ReactElement प्रयास ReactElement

मेरे पास एक टेबल कंपोनेंट है जो एक प्रोप के रूप में स्ट्रिंग / संख्या सरणियों की एक सरणी प्राप्त करता है, इसलिए यह इस तरह से टाइप किए गए rows पैरामीटर लेता है:

type Row = (string | number)[];

हालाँकि, कुछ स्तंभों को एक सादे पाठ / संख्या के बजाय एक प्रतिक्रिया घटक प्रदर्शित करने की आवश्यकता होती है।

मैं इसे काम करने के लिए टाइपिंग कैसे बदल सकता हूं? मैंने यह कोशिश की:

type Row = (string | number | React.PureComponent | React.Component)[];




typescript-typings