Question

我将解释我在Flux / React应用程序中想要实现的目标。

这是我的路线：

var routes = (  
<Route name="layout" path="/" handler={Layout}> 
    <Route name="page" path=':section/:detail' handler={Page} />        

    <Route name="login" path='/login' handler={Login}/>

    <DefaultRoute handler={Layout}/>
</Route>
);
exports.start = function() {

  Router.run(routes, function (Handler, state) {
    var params = state.params;
    React.render(<Handler params={params}/>, document.body);
  });
}

我有一个REST服务，它返回一个描述为对象的组件数组：

{
    "components" : {
        "header" : {
            //data
        },
        "tabs" : {
            //data
        }
    } 
}

基本上我很难拥有一个能够处理REST API提供的数据并定义页面结构的Page.jsx组件。

我无法理解如何管理整个流程。

我应该在哪里检索数据？
- 在getInitialState中？
- 在componentDidMount？
- 在渲染中？

2渲染组件：

我试图像这样管理：

var avaibleComponents = {
        header : "header",
        tabs : "tabs"
    };

var components = data.components;
var element = React.createElement(avaibleComponents[i]);
var rendered = React.render(element, document.getElementById('rsec-page-container'));

所以基本上我有点困惑，想知道是否有人能以某种方式帮助我。

谢谢

React - REST定义的REST组件列表

0 个答案: