Redux-saga wstępnie załadować dane dotyczące zmiany trasy

Question

Chcę załadować zestaw danych z api przy użyciu sagi redux, ale nie mogę znaleźć przykładu, jak to zrobić, gdy nawigujesz do nowej trasy (np./Postów) przed renderowaniem trasy.

Jak to zrobić?

Answer 1

Można użyć onEnter rekwizyt na Route:

<Route path='posts' onEnter={() => store.dispatch({ type: 'FETCH_POSTS' })} /> 

W tym przypadku nie można korzystać ze sklepu w kontekście drzewo, które jest wkładana w Provider. Musisz go zaimportować i użyć bezpośrednio.

Inną opcją jest zamiast przechodzącą component rekwizyt, zdać getComponent:

<Route path='posts' getComponent={(nextState, cb) => { 
    store.dispatch({ type: 'FETCH_POSTS' }); 
    cb(null, PostList); 
}} /> 

nie mogę powiedzieć jakie są plusy/minusy dla żadnego z tych podejść though ponieważ nigdy nie korzystali z nich. Po prostu próbowałem znaleźć rozwiązanie, które może działać w twoim przypadku użycia.