rootsaga - redux saga vs redux thunk

Datos de precarga Redux-saga sobre cambio de ruta

Question

Quiero cargar un conjunto de datos de una API usando redux-saga, pero no puedo encontrar un ejemplo de cómo hacerlo cuando navego por una nueva ruta (por ejemplo / publicaciones) antes de representar la ruta.

¿Cómo haría esto?

Answer 1

Puede usar el apoyo onEnter en la Route :

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

En este caso, no puede usar la tienda en el contexto del árbol insertado en Provider . Tendría que importarlo y usarlo directamente.

Otra opción es, en lugar de pasar un component prop, pasar un getComponent :

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

Sin embargo, no puedo decir cuáles son los pros / contras de ninguno de esos enfoques ya que nunca los he usado. Solo traté de encontrar una solución que pudiera funcionar para tu caso de uso.