reactjs - প্রতিক্রিয়া উপাদানগুলির উদাহরণগুলির একটি অ্যারে টাইপ করা



typescript typescript-typings (1)

আমার কাছে একটি টেবিল উপাদান রয়েছে যা প্রপস হিসাবে স্ট্রিং / নম্বর অ্যারের অ্যারে গ্রহণ করে, সুতরাং এটি টাইপ করা একটি rows পরামিতি নেয়:

type Row = (string | number)[];

যাইহোক, কিছু কলামগুলিকে একটি সরল পাঠ / সংখ্যাগুলির পরিবর্তে একটি প্রতিক্রিয়া উপাদান প্রদর্শন করতে হবে।

টাইপিংগুলিকে কাজ করতে আমি কীভাবে তা পরিবর্তন করতে পারি? আমি এটি চেষ্টা করেছি:

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

এখানে অনেকগুলি বিকল্প রয়েছে যা কাজ করবে, আপনি কীভাবে এটি ব্যবহার করেন তার উপর নির্ভর করে অন্যদের থেকে কিছুটা ভাল। বাচ্চাদের নির্দিষ্ট করার জন্য আমি React.ReactNode ব্যবহার করেছি তবে আপনি সম্ভবত এটি ব্যবহারের ক্ষেত্রে ব্যবহার করতে পারেন।

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

ReactNode বেশ নমনীয়, যেহেতু এটি ReactNode :

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

এবং ReactChild হিসাবে type ReactChild = ReactElement | ReactText; হিসাবে সংজ্ঞায়িত করা হয়: type ReactChild = ReactElement | ReactText; type ReactChild = ReactElement | ReactText;

আপনি যদি আরও কঠোরতর, কম নমনীয় হতে চান তবে ReactElement চেষ্টা করুন ReactElement





typescript-typings