typescriptですコンポーネントのインスタンスを反応させるための正しいタイプ

Question

私は2つのボタンインスタンスを取る成分を有する言うことです次のいずれか

export interface GridProps { 
    backButton: React.ReactNode; 
    nextButton: React.ReactNode; 
} 

または

export interface GridProps { 
    backButton: React.ReactElement<any>; 
    nextButton: React.ReactElement<any>; 
} 

Answer 1

React.ReactNodeは、マークアップを子コンポーネントに渡すためのより便利な方法です。これには、<div>{passedContent}</div>のようなJSXで挿入できるものがすべて含まれています。これは多くのReactコンポーネントライブラリで使用されています。 React.ReactElement<any>は、カスタマイズを特定のクラスの要素に制限する場合にのみ使用してください。たとえば、React.ReactElement<ButtonProps>です。渡された要素をクローンして、それにいくつかの小道具を追加したい場合に便利です。