1
00:00:02,300 --> 00:00:07,850
Wie wäre es also damit, dies einzureichen? Die Schaltfläche "Senden" befindet sich natürlich in unserer Kopfzeile. Daher haben

2
00:00:07,880 --> 00:00:10,460
Sie gelernt, wie Sie Kopfzeile und Komponente verbinden können.

3
00:00:10,460 --> 00:00:12,230
Wir tun dies mithilfe von Parametern.

4
00:00:12,380 --> 00:00:15,980
Daher füge ich hier in der Produktkomponente "Bearbeiten" eine neue

5
00:00:16,220 --> 00:00:23,320
Funktion hinzu. Der Submit-Handler könnte der Name sein. In dieser Funktion möchte ich alles tun, um ein Produkt hinzuzufügen

6
00:00:23,320 --> 00:00:25,270
oder zu aktualisieren. Daher

7
00:00:25,330 --> 00:00:27,700
müssen wir den Versand durchführen einige Redux-Aktionen.

8
00:00:27,700 --> 00:00:34,160
Im Moment werde ich nur das Konsolenprotokoll hier einreichen, damit wir sehen, dass dies ausgeführt wird.

9
00:00:34,270 --> 00:00:40,530
Jetzt müssen wir diesen Submit-Handler an unsere Parameter übergeben, und wir können dies mit Hilfe des Use-Effekts

10
00:00:40,540 --> 00:00:48,640
hier tun, den ich Ihnen bereits zuvor gezeigt habe, und auch mit Use Callback. Wir verpacken unsere Funktion hier mit Use Callback

11
00:00:48,640 --> 00:00:49,700
und natürlich

12
00:00:49,750 --> 00:00:52,360
hat diese Funktion keine Abhängigkeiten im Moment,

13
00:00:52,360 --> 00:00:57,370
also können wir es einfach so verwenden. Dies stellt sicher, dass diese Funktion nicht

14
00:00:57,400 --> 00:01:00,720
jedes Mal neu erstellt wird, wenn die Komponente erneut gerendert wird.

15
00:01:00,880 --> 00:01:06,890
Daher vermeiden wir die Eingabe einer Endlosschleife. Jetzt können wir den Verwendungseffekt ausführen, um nach jedem Renderzyklus eine Funktion auszuführen.

16
00:01:07,090 --> 00:01:10,510
Hier ist unsere Abhängigkeit der Submit-Handler, der niemals ausgeführt wird Änderungen,

17
00:01:10,510 --> 00:01:16,240
was bedeutet, dass dies im Moment nur einmal ausgeführt wird, was großartig ist, da wir dann hier Parameter festlegen

18
00:01:16,240 --> 00:01:25,670
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

19
00:01:25,670 --> 00:01:38,000
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

20
00:01:38,420 --> 00:01:43,880
Params Call eingerichtet habe, und die Submit-Funktion sollte daher ausgeführt werden,

21
00:01:43,880 --> 00:01:50,720
wenn diese Schaltfläche gedrückt wird. Ich werde also am Ende einfach auf diese Submit-Funktion zeigen.

22
00:01:50,730 --> 00:01:55,770
Im Moment ist auch eine kleine Änderung erforderlich. Wenn Sie einen Rückruf wie diesen verwenden, wird dieser bei jedem erneuten

23
00:01:55,770 --> 00:02:00,180
Rendern neu erstellt. Wir müssen das zweite Argument übergeben, das ein leeres Array sein sollte. Jetzt wird

24
00:02:00,180 --> 00:02:04,170
diese Funktion nie neu erstellt und jetzt werden wir neu erstellt Vermeiden Sie eine Endlosschleife.

25
00:02:04,170 --> 00:02:12,220
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

26
00:02:12,220 --> 00:02:13,690
so, wie es sollte.