1
00:00:02,110 --> 00:00:07,570
Jetzt werde ich ein zusätzliches Paket in diesem Projekt mit npm install installieren --save und

2
00:00:07,570 --> 00:00:09,390
das ist Redux Thunk.

3
00:00:09,400 --> 00:00:15,430
Dies ist eine sogenannte Redux-Middleware, die wir aufrufen können und die es uns ermöglicht, unsere

4
00:00:15,520 --> 00:00:21,690
Aktionsersteller hier im Aktionsordner so zu ändern, dass wir dort tatsächlich asynchrone Aufgaben ausführen können, um

5
00:00:21,700 --> 00:00:28,620
dort Nebenwirkungen zu behandeln und beispielsweise HTTP zu senden Anforderungen in einem solchen Aktionsersteller und erst wenn diese

6
00:00:28,620 --> 00:00:30,580
HTTP-Anforderungen ausgeführt wurden, senden

7
00:00:30,580 --> 00:00:35,080
wir tatsächlich eine Aktion an den Redux-Speicher, da dies wichtig ist

8
00:00:35,080 --> 00:00:41,500
und Ihr Redux-Fluss im Allgemeinen synchron sein muss. Sie können also nicht warten, bis eine

9
00:00:41,500 --> 00:00:48,480
Aktion abgeschlossen ist, bevor Sie Ihren Status aktualisieren. Mit Redux Thunk, das sich ändert, muss Ihr Reduzierer immer

10
00:00:48,550 --> 00:00:54,970
noch synchron sein, sodass hier kein asynchroner Code vorhanden sein muss, sondern Ihr Aktionsersteller jetzt asynchron sein kann. Dies bedeutet,

11
00:00:54,970 --> 00:01:00,460
dass Sie jetzt eine Anforderung als Teil Ihres Aktionserstellers und nur einmal senden können Wenn Sie damit

12
00:01:00,460 --> 00:01:06,820
fertig sind, senden Sie die Aktion tatsächlich an den Reduzierer und Sie werden dies in der Praxis in einer

13
00:01:06,820 --> 00:01:11,260
Sekunde sehen, zum Beispiel hier in Produkt erstellen, mit dem ich beginnen möchte.

14
00:01:11,410 --> 00:01:18,760
Um diese neue Funktion nutzen zu können, müssen wir Redux Thunk aktivieren und dies in der App. js Datei, dort von Redux, müssen Sie Apply

15
00:01:18,820 --> 00:01:19,660
Middleware

16
00:01:19,660 --> 00:01:27,780
importieren und außerdem müssen Sie eine neue Sache importieren und das ist Redux Thunk, Sie können dies benennen,

17
00:01:27,780 --> 00:01:33,060
wie Sie wollen, von Redux Thunk. Auch dies kann benannt werden,

18
00:01:33,060 --> 00:01:37,620
wie Sie möchten, da wir den Standardexport dieses Pakets verwenden.

19
00:01:37,620 --> 00:01:43,440
Jetzt verwenden Sie das in create store, dort können Sie ein zweites Argument analysieren

20
00:01:43,440 --> 00:01:49,550
und dort sollten Sie Apply Middleware als Funktion aufrufen und an diese Funktion Redux Thunk übergeben.

21
00:01:49,560 --> 00:01:55,500
Dies wird nun im Grunde das Paket aktivieren, das es uns wiederum ermöglicht, diese andere Sache in dem Action Creator zu tun,

22
00:01:55,500 --> 00:02:00,870
auf den ich mich bezog, und diese andere Sache ist jetzt das, was wir uns als nächstes ansehen werden.