Context Wrapper und React

Verhindern Sie den direkten Zugriff Ihrer Komponenten auf den Anwendungskontext!

Das Konzept der Komponente in React basiert auf der Wiederverwendung. Eine ideale Komponente sollte in jeder Anwendung ohne Änderungen funktionieren. Komponentenbibliotheken sind das perfekte Beispiel: Sie bieten hochgradig anpassbare Teile.

Obwohl wir diesen Grad an Komplexität nicht erreichen, können wir wiederverwendbare Komponenten erstellen, die leicht zwischen Anwendungen übertragen werden können. Der Schlüssel liegt in einer geeigneten Designstrategie, die unsere Komponenten vor den Besonderheiten des Kontexts und den Geschäftsregeln der aktuellen Anwendung schützt.

Diese Strategie ist als Context Wrapper bekannt. Es besteht darin, den Kontext eine Ebene über der Komponente zu isolieren, die ihn benötigt, und die Daten über props.

weiterzuleiten

Auf diese Weise werden häufige Probleme bei der Migration von Komponenten vermieden, bei denen wir normalerweise die Komponente oder den Kontext der Zielanwendung ändern müssten. Bei diesem Ansatz kopieren wir einfach die Komponente und verwenden sie und stellen die notwendigen Requisiten bereit.

Wir geben zu, dass Context Wrapper nicht die eleganteste Lösung ist, da es Komponentenunterklassen generieren kann, die bei unsachgemäßer Verwaltung die Entwicklung komplex machen können. Wir werden dieses Thema in einer zukünftigen Veröffentlichung behandeln.

Das obige ist der detaillierte Inhalt vonContext Wrapper und React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!