reactjs - 如何使用 redux 从路由参数加载对象

Question

我正在使用react-router-redux，并且我有一条这样的路线

<Route path="/user/:userId" components={{ body: UserMaintenance }} />

加载路由中userId参数对应的用户对象的推荐方式是什么？

我的想法(我是 React 和 Redux 的新手)是在 UserMaintenance componentWillReceiveProps 方法中使用 userId 参数，并向商店分派(dispatch)一个 FETCH_USER 操作，将加载到state.currentUser中。当 currentUser 参数由于该操作而更新时，UserMaintenance 组件将更新。

Answer 1

首先，您必须决定是否希望您的 URL 成为 userId 的真实来源(我建议如此)。

然后您就知道，只要 URL/路由发生变化，您就会调度 FETCH_USER。

要从应用内的其他位置更改用户，您只需 browserHistory.push('/user/1234') 并知道 URL 的更改将触发商店的更新。

如果您对此感到满意，只需在 route 分派(dispatch)操作即可:

<Route
  path="/user/:userId"
  components={{ body: UserMaintenance }}
  onEnter={state => {
    store.dispatch({
      type: ACTIONS.FETCH_USER,
      key: state.params.userId,
    });
  }}
/>

如果您遵循此逻辑，则可能不需要 react-router-redux。

redux 作者的有趣评论 over here .