路线变化的Redux-saga预载数据

Question

我想使用redux-saga从api加载一组数据，但是我无法在渲染路径之前找到导航到新路径（例如/ posts）时如何执行此操作的示例。 / p>

我该怎么做？

Answer 1

您可以在onEnter上使用Route道具：

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

在这种情况下，您不能在Provider中插入的树的上下文中使用商店。你必须导入它并直接使用。

另一种选择是传递component：

，而不是传递getComponent道具

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

我不知道这些方法的优点/缺点是什么，因为我从未使用它们。我只是试图找到一个可以适用于您的用例的解决方案。

Answer 2

只需在新组件安装后添加一个调用以获取数据即可。为此，您需要编写组件，以便可以至少部分使用不完整的数据进行渲染。