Jak wysyłać wiele akcji jeden po drugim

Question

W mojej aplikacji reag/redux często chcę wysyłać wiele akcji po drugiej.

Biorąc pod uwagę następujący przykład: Po pomyślnym zalogowaniu chcę zapisać dane użytkownika i po tym Chcę zainicjować kolejną akcję asynchroniczną, która ładuje konfigurację aplikacji z serwera.

wiem, że mogę używać redux-thunk zbudować twórcy działania jak ten

function loginRequestSuccess(data) { 
    return function(dispatch) { 
    dispatch(saveUserData(data.user)) 
    dispatch(loadConfig()) 
    } 
} 

Więc moje pytania to:

1. gdy pierwszy dispatch powroty, to stan już zmieniony przez wszystkich reduktorów słuchasz tego działania? Zastanawiam się, czy te dwie wywołania wysyłki są wykonywane sekwencyjnie.
2. Czy to podejście jest uważane za najlepszą praktykę w przypadku wysyłania wielu działań? Jeśli nie, co sugerowałbyś na przemian?

Dzięki za pomoc!

Answer 1

Tak, redux-thunk pozwala robić to, co mówisz, i tak, jest to najlepsza praktyka przy wysyłaniu wielu akcji (takich, które wolę od alternatyw ze względu na jego prostotę). Stan jest rzeczywiście aktualizowany, gdy tylko zostanie wysłany (do czasu, gdy się zwróci), dlatego otrzymujesz funkcję odzyskiwania stanu w thunk, zamiast po prostu odniesienia do stanu. W ten sposób można zmienić stan za pomocą jednej wysyłki, a następnie wywołać funkcję getState(), aby uzyskać odniesienie do nowego stanu, z którego można odczytać, jeśli zajdzie taka potrzeba.

Answer 2

redux-thunk jest dokładnie tym, czego szukasz. Uważam to za bardzo dobrą praktykę.

Aby odpowiedzieć na twoje pytanie, rzeczywiście, kiedy pierwsza wysyłka zwraca stan jest już zmieniony przez zwane reduktory.