Javascript 如何使用react、redux和react router管理深度嵌套视图？

比如说，我希望在我的应用程序中有这样的URL：

/user/orders/1/details/payment

它表示一个视图，该视图显示id为1的订单的详细信息视图，活动选项卡为

payment

除了将其连接到路由器之外，还实现了此功能

在教程中，我看到了以下示例：

<Router history={hashHistory}>
    <Route path="/" component={App}>
        <IndexRoute component={Home} />
    <Route path="about" component={About} />
    <Route path="inbox" component={Inbox} />
  </Route>
</Router>

但我假设我希望所有url都映射到根

App

，然后它们的值映射到相应的redux存储变量，在

App

中，我将根据从当前url提取的存储值决定显示什么

---

使用这种场景的示例是什么？

看起来您想要这样的场景？尝试使用

react-router-v4

，它比以前的版本要好得多。如果我理解问题所在，我会被打败。