was ist der richtige Typ für eine Reaktion Instanz einer Komponente in Typoskript

Question

sagen, dass ich eine Komponente, die 2-Taste Fällen nimmt:

export interface GridProps { 
    backButton: any; 
    nextButton: any; 
} 

Sollte der Typ für die Schaltfläche React.ReactNode oder React.ReactElement

sein, so entweder:

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

oder

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

Answer 1

React.ReactNode ist eine bequemere Methode zum Übergeben von Markup an untergeordnete Komponenten. Es enthält alles, was Sie in JSX einfügen können, wie <div>{passedContent}</div> Es wird in vielen React-Komponentenbibliotheken verwendet. Es ist sinnvoll, React.ReactElement<any> nur zu verwenden, wenn Sie die Anpassung auf Elemente einer bestimmten Klasse beschränken möchten. Zum Beispiel React.ReactElement<ButtonProps>. Es ist nützlich, wenn Sie das übergebene Element klonen und ihm einige Requisiten hinzufügen möchten.