Wie wäre es also damit, dies einzureichen? Die Schaltfläche "Senden" befindet sich natürlich in unserer Kopfzeile. Daher haben
Sie gelernt, wie Sie Kopfzeile und Komponente verbinden können.
Wir tun dies mithilfe von Parametern.
Daher füge ich hier in der Produktkomponente "Bearbeiten" eine neue
Funktion hinzu. Der Submit-Handler könnte der Name sein. In dieser Funktion möchte ich alles tun, um ein Produkt hinzuzufügen
oder zu aktualisieren. Daher
müssen wir den Versand durchführen einige Redux-Aktionen.
Im Moment werde ich nur das Konsolenprotokoll hier einreichen, damit wir sehen, dass dies ausgeführt wird.
Jetzt müssen wir diesen Submit-Handler an unsere Parameter übergeben, und wir können dies mit Hilfe des Use-Effekts
hier tun, den ich Ihnen bereits zuvor gezeigt habe, und auch mit Use Callback. Wir verpacken unsere Funktion hier mit Use Callback
und natürlich
hat diese Funktion keine Abhängigkeiten im Moment,
also können wir es einfach so verwenden. Dies stellt sicher, dass diese Funktion nicht
jedes Mal neu erstellt wird, wenn die Komponente erneut gerendert wird.
Daher vermeiden wir die Eingabe einer Endlosschleife. Jetzt können wir den Verwendungseffekt ausführen, um nach jedem Renderzyklus eine Funktion auszuführen.
Hier ist unsere Abhängigkeit der Submit-Handler, der niemals ausgeführt wird Änderungen,
was bedeutet, dass dies im Moment nur einmal ausgeführt wird, was großartig ist, da wir dann hier Parameter festlegen
und ein Objekt übergeben können, an das wir submit als Schlüssel an den submit-Handler binden. Jetzt ist submit ein Parameter, den wir hier
in unserem Header abrufen können. Unsere Submit-Funktion kann aus Navigationsdaten abgerufen werden. Navigation Get Param Submit, das ist die Taste, die ich gerade im Set
Params Call eingerichtet habe, und die Submit-Funktion sollte daher ausgeführt werden,
wenn diese Schaltfläche gedrückt wird. Ich werde also am Ende einfach auf diese Submit-Funktion zeigen.
Im Moment ist auch eine kleine Änderung erforderlich. Wenn Sie einen Rückruf wie diesen verwenden, wird dieser bei jedem erneuten
Rendern neu erstellt. Wir müssen das zweite Argument übergeben, das ein leeres Array sein sollte. Jetzt wird
diese Funktion nie neu erstellt und jetzt werden wir neu erstellt Vermeiden Sie eine Endlosschleife.
Wenn wir jetzt zum Admin-Bildschirm gehen, hier klicken und auf diese Schaltfläche klicken, sehen Sie tatsächlich das Senden hier und das funktioniert daher
so, wie es sollte.