Ich bekomme wahrscheinlich etwas nicht richtig mit meinem Verständnis von Staaten & Requisiten Requisiten. Dies verwendet React, Redux-basierte App.React Lifecycle Events - Kind-Komponente erbt Old State Requisiten
Szenario:
Ich habe eine globale SVG
Komponente, die die Dimensionen des Darstellungsfeldes aus der App innerhalb der componentDidMount
Methode erhält.
Der Standard (bei der Initialisierung der app) Stütze der SVG
im state
sind:
dimension : {
width : 0,
height : 0
}
Die componentDidMount
die width
& height
Werte aus dem DOM abruft und löst die Werte an den Staat.
Jetzt habe ich ein Kind Bestandteil SVG
Komponente, die wiederum die aktualisierten svg Breite & Höhenwerte zur Berechnung der Standard Sichtbox & Update den Zustand benötigt. Dies muss nur einmal bei der Montage (wichtiger Punkt) ausgeführt werden, daher ist die Berechnung der viewbox
in der componentDidMount
der untergeordneten Komponente.
was passiert:
Aber ich denke, da der Batch-Reaktion auf das DOM zu aktualisieren, die Requisiten für das Kind-Komponente übergeben sind die Standardanfangsbreite & Höhenwerte, nicht der aktualisierte Zustand nach SVG
Komponente componentDidMount
.
Frage:
Wie kann ich den aktualisierten Zustand zu componentDidMount
des Kindes Komponente zu übergeben. Hinweis:
- ich nicht
componentDidUpdate
verwenden kann, was bedeuten würde, dass jedes Mal wenn die Komponente aktualisiert wird, berechnen sie die Standardwerte & die Ansicht wieder aktualisieren, damit über Reiten die Benutzerposition.
Wenn Sie den Status in * componentDidMount() * festlegen, wird die Komponente erneut gerendert. Wenn Sie die Requisiten von der übergeordneten Komponente verwenden möchten, sollten Sie in * componentWillReceiveProps (nextProps) * arbeiten, das jedes Mal aufgerufen wird, wenn die Komponente reps von der übergeordneten Komponente empfängt. –
Können Sie Ihren Code anzeigen? –
@MarioSantini danke, das hat es geschafft. Ich habe diesen Lifecycle-Event komplett vergessen:! Wenn du das als Antwort posten willst, akzeptiere ich es als erstes. – Kayote