React.ReactNode zu reagieren Element

Question

Ich habe ein Objekt vom Typ React.ReactNode, und ich möchte:

1) Überprüfen Sie, ob es vom Typ React.ReactElement ist

2) Wenn ja, habe ich dann will ein ReactElement Objekt gleich den Knoten

für 1 Teil zu schaffen, ich bin mit React.isValidElement (nicht sicher, falls erforderlich)

für Teil 2, sie ist nicht sicher, wie bei allen

zu tun

Am Ende muss ich prüfen können, ob eine bestimmte Klasse innerhalb des Knotens enthalten ist, wenn es ein Element ist, wenn das hilfreich ist. Ich nehme an, dass ich das ReactElement-Objekt erstellen muss, um dies zu tun, aber wenn nicht, ist das auch okay.

Answer 1

Zuerst verwenden Sie TypeScript (zumindest sieht es so aus mit den Tags) - also müssten Sie im Idealfall nicht einmal eine Laufzeitprüfung für den Objekttyp durchführen, Sie können es tun Kompilierung

interface PropTypes { 
    something: React.ReactElement<...> 
} 

const M = ({ something }: PropTypes) => { 

} 

Zweitens, um einen ReactElement daraus zu erstellen, können Sie React.cloneElement(...)

const cElement = React.cloneElement(something, something.props, [...children])