动态创建React路由

时间:2017-06-22 23:33:22

标签: javascript reactjs promise redux redux-saga

我有一个React应用程序,当后端使用JSON格式的路径推送模型时需要动态创建路由,所以你有类似的东西:

{
  "Route1": [
    { "id": 1, "visible": true, "other_data": "..." }
  ],
  "Route3": [
    { "id": 2, "visible": false, "other_data": "..." }
  ],
  "Route4": [
    { "id": 3, "visible": true, "other_data": "..." }
  ]
}

当我收到这个模型时,我必须动态创建我的应用程序的导航内容并将特定页面(带有一堆组件)关联到每个路径,所有这些都必须动态完成,因为我不知道应用程序启动时我的路线形状。

所以我只想知道是否有任何现成的解决方案适用于这种情况(我曾经使用ui-router未来状态的角度),否则任何使用正确工具的技术解决方案都是非常受欢迎的(redux-saga)也许?)因为我真的迷路了...

1 个答案:

答案 0 :(得分:1)

我确认您可以使用react-router和browserhistory来推送您从API获得答案时收到的URL。

类似的东西:)

var ReactRouter = require('react-router');
var browserHistory = ReactRouter.browserHistory;

apiRequest().then(browserHistory.push(URL));