React Tutorial für Anfänger - Komposition vs. Vererbung

Blog

React verfügt über ein leistungsstarkes Kompositionsmodell, und wir empfehlen, Komposition anstelle von Vererbung zu verwenden, um Code zwischen Komponenten wiederzuverwenden.



In diesem Abschnitt betrachten wir einige Probleme, bei denen React-Neulinge oft nach Vererbung greifen, und zeigen, wie wir sie mit Komposition lösen können.

Eindämmung

Einige Komponenten kennen ihre Kinder nicht im Voraus. Dies ist insbesondere bei Komponenten wie |_+_| . üblich oder |_+_| die generische Boxen darstellen.



Wir empfehlen, für solche Komponenten das spezielle |_+_| prop, um untergeordnete Elemente direkt an ihre Ausgabe zu übergeben:

Sidebar

Dadurch können andere Komponenten beliebige untergeordnete Elemente an sie übergeben, indem sie JSX verschachteln:



Dialog

Versuchen Sie es mit CodePen

pdf in txf umwandeln

Was ist also mit der Vererbung?

Bei Facebook verwenden wir React in Tausenden von Komponenten und wir haben keine Anwendungsfälle gefunden, in denen wir empfehlen würden, Komponentenvererbungshierarchien zu erstellen.

Requisiten und Komposition geben Ihnen die nötige Flexibilität, um das Aussehen und Verhalten einer Komponente explizit und sicher anzupassen. Denken Sie daran, dass Komponenten beliebige Requisiten akzeptieren können, einschließlich primitiver Werte, React-Elemente oder Funktionen.

Wenn Sie Nicht-UI-Funktionen zwischen Komponenten wiederverwenden möchten, empfehlen wir, diese in ein separates JavaScript-Modul zu extrahieren. Die Komponenten können es importieren und diese Funktion, dieses Objekt oder eine Klasse verwenden, ohne es zu erweitern.

#reagieren #javascript #web-entwicklung #programmierung #entwickler

reagierenjs.org

React Tutorial für Anfänger - Komposition vs. Vererbung

React verfügt über ein leistungsstarkes Kompositionsmodell, und wir empfehlen, Komposition anstelle von Vererbung zu verwenden, um Code zwischen Komponenten wiederzuverwenden. Wir werden einige Probleme betrachten, bei denen React-Neulinge oft nach Vererbung greifen, und zeigen, wie wir sie mit Komposition lösen können.