Teraz w tym projekcie zainstaluję jeden dodatkowy pakiet z npm install --save i
to jest Redux Thunk.
Jest to tak zwane oprogramowanie pośredniczące Redux, które możemy wywołać, co pozwala nam zmienić
naszych twórców akcji tutaj w folderze akcji, tak abyśmy mogli tam robić rzeczy asynchroniczne,
abyśmy mogli tam obsłużyć efekty uboczne, aby np. Wysłać HTTP żądań w takim kreatorze akcji i
tylko po wykonaniu żądań
HTTP, faktycznie wysyłamy akcję do sklepu Redux, ponieważ to ważne,
twój przepływ Redux musi być ogólnie synchroniczny. Nie możesz więc czekać na
zakończenie działania, zanim zaktualizujesz swój stan. W przypadku Redux Thunk, który się zmienia, twój
reduktor nadal musi być synchroniczny, więc nie musi tu być kodu asynchronicznego, ale twój twórca akcji może
być teraz asynchroniczny, co oznacza, że możesz teraz wysłać żądanie jako część swojego twórcy
akcji i tylko raz skończysz z tym, faktycznie wysyłasz akcję do reduktora i zobaczysz to w praktyce
za sekundę, na przykład tutaj w tworzeniu produktu, od którego chcę zacząć.
Aby jednak skorzystać z tej nowej funkcji, musimy włączyć Redux Thunk i robimy to w aplikacji. Plik js, tam z Redux, musisz zaimportować zastosować
oprogramowanie
pośrednie, a ponadto musisz zaimportować nową rzecz, a to jest Redux Thunk, możesz nazwać to tak,
jak chcesz, od Redux Thunk. Ponownie można to nazwać,
jak chcesz, ponieważ używamy domyślnego eksportu tego pakietu.
Teraz, gdy używasz tego w tworzeniu sklepu, możesz przeanalizować drugi argument i tam
powinieneś wywołać zastosowanie oprogramowania pośredniego jako funkcji i do tej funkcji przekazać Redux Thunk.
Pozwoli to teraz w zasadzie włączyć ten pakiet, który z kolei pozwoli nam zrobić to
inaczej w kreatorze akcji, o którym mówiłem, i że teraz będzie inna rzecz.