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

发布时间：2020-12-15 20:19:18 所属栏目：百科来源：网络整理

导读：我想使用redux-saga从api加载一组数据,但是在渲染路径之前导航到新路径(例如/ posts)时,我找不到如何执行此操作的示例. 我该怎么做？解决方法您可以在路线上使用onEnter道具： Route path='posts' onEnter={() = store.dispatch({ type: 'FETCH_POSTS' })}

我想使用redux-saga从api加载一组数据,但是在渲染路径之前导航到新路径(例如/ posts)时,我找不到如何执行此操作的示例.

我该怎么做？

解决方法

您可以在路线上使用onEnter道具：

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

在这种情况下,您不能在插入Provider的树的上下文中使用该存储.你必须导入它并直接使用.

另一个选择是传递一个组件prop,而不是传递一个getComponent：

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!