2016-06-13 8 views
1

Ich verwende derzeit reactjs mit redux und ich bin ein Neuling.Reactjs vermeiden Passieren von Parametern durch Verschachtelung

In meinem aktuellen Code habe ich ein Objekt, das durch den darunter liegenden Code geleitet wird. Ich möchte das vermeiden und es in den Requisiten haben, also muss ich es nicht nisten. Ist das mit reactjs erreichbar?

Beispiel:

module.exports ({ obj1 }) return <ul text: obj1></ul> 

Dieses weiter unten Anrufe in andere Methode geht.

Sollte ich die Objekte Requisiten erweitern und vermeiden, das vollständige Objekt zu übergeben?

+0

Es klingt wie Sie wollen, dass Ihre Komponente eine 'connect'ed Komponente ist, so dass Ihr Status als Requisiten an die Komponente weitergegeben werden kann. Ist es das wonach du suchst? Wenn dies der Fall ist, können Sie Ihren Export mit 'connect' verbinden und die Daten zu den Props in' mapStateToProps' hinzufügen. –

Antwort

0

Ich denke definitiv, dass Sie das Objekt erweitern sollten und nur die Requisiten, die von Ihren Kindkomponenten benötigt werden, weitergeben. Auf diese Weise ermöglichen Sie die Entwicklung von Komponenten mit minimaler Verantwortung, was die Wiederverwendung fördert. Es ist ein gängiges Muster, Container- und Präsentationskomponenten zu erstellen.

Dan Abramov, der Schöpfer von Redux, hat einige erstaunliche Egghead Tutorials, die Ihnen sicher helfen werden. Überprüfen Sie sie hier aus:

Und wenn Sie einige Erfahrung aufgebaut haben, überprüft seinen neuen Satz von Lektionen, die mit einigen fortgeschrittenen Konzepten befassen (Stick mit den ersten Lektionen obwohl bis habe ein richtiges Verständnis von Redux).

+0

Könnte Spread-Operator den Trick machen? – tjhack

+0

Hängt wirklich von Ihrem Anwendungsfall ab. Wie viele Requisiten sind in 'obj1' enthalten? Benötigen Ihre Unterkomponenten wirklich alle Eigenschaften? Wenn Sie Ihre Komponenten auf Requisiten konzentrieren, die sie tatsächlich verbrauchen, wird die Wiederverwendung von Komponenten gefördert. Def checken Sie diese Kurse aus. :) – ctrlplusb

+0

Das Objekt ist wirklich groß. Die Unterkomponenten benötigen alle Objekte. – tjhack

0

The context API wurde für die Weitergabe von Daten über Komponentenbaum gezielt ausgelegt, während nach wie vor bestehende Verhalten Eigenschaften im Zusammenhang beibehalten wird.

Verwandte Themen