React-Router v3处理子路由数据获取

时间:2017-08-10 20:05:55

标签: react-router react-redux

我真的在反应路由器中与ChildRoutes挣扎,任何帮助方向都会非常感激。

我想以这种方式定义我的路线。

  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <Route path="about" component={About}/>
      <Route path="users" component={Users}>
        <Route path="/user/:userId" component={User}/>
      </Route>
      <Route path="*" component={NoMatch}/>
    </Route>
  </Router>

主要问题是用户。因此,当用户点击/用户时,我从API加载所有用户。 当他导航到users / 1时,我会通过从routeParams获取userId和用户1的获取详细信息来读取Users状态中的数据。

如果有人直接在浏览器中粘贴了URL / users / 1,那么我希望子路由可以正常工作,然后路由仍会加载我的Users组件,这将加载所有用户,瀑布流将继续。

现在这是我的问题,用户详细信息完全是我的应用中的新页面,因此即使路由器加载用户 compoennt,我也想导航并呈现用户如果我的URL与模式/ users /:userId完全匹配,则为component。我不知道如何使用react-router v3.0.4实现这一目标。所以快乐路径是第一个组件用户被加载,然后当用户被点击时,路径变为users /:userId和用户组件呈现。 但是复杂的路径是当有人直接在浏览器中加载users /:userId时,应该挂载Users组件,然后根据location.path来呈现User组件。

再次对此有任何帮助将非常感激。

由于

0 个答案:

没有答案