Reactjs 使用react路由器外部化路由路径

我有一个简单的路由器处理程序：

var routes = (
    <Route name="main" path="/" handler={require('./main')}>
        <Route name="page1" path="/page1" handler={require('./page1')}/>
        <Route name="page2" path="/page2" handler={require('./page2')}/>
        <Route name="page3" path="/page3" handler={require('./page3')}/>

        <DefaultRoute handler={require('./signin')}/>
    </Route>
);

---

我认为您应该可以使用

jsx

来完成，但是

jsx

语法中有一个错误。试试这个：

var routes = (
  <Route name="main" path="/" handler={require('./main')}>
    {
     _.each (routes, function(r) {
         return <Route name={r.name} path={r.path} handler={require(r.module)}/>;
     });
    }
    <DefaultRoute handler={require('./main')}/>
  </Route>
);

var路由=(
{
_.每个（路线、功能（r）{
返回；
});
}
);

我认为您应该能够使用

jsx

完成这项工作，但是您的

jsx

语法中有一个错误。试试这个：

var routes = (
  <Route name="main" path="/" handler={require('./main')}>
    {
     _.each (routes, function(r) {
         return <Route name={r.name} path={r.path} handler={require(r.module)}/>;
     });
    }
    <DefaultRoute handler={require('./main')}/>
  </Route>
);

var路由=(
{
_.每个（路线、功能（r）{
返回；
});
}
);

我认为您应该能够使用

jsx

完成这项工作，但是您的

jsx

语法中有一个错误。试试这个：

var routes = (
  <Route name="main" path="/" handler={require('./main')}>
    {
     _.each (routes, function(r) {
         return <Route name={r.name} path={r.path} handler={require(r.module)}/>;
     });
    }
    <DefaultRoute handler={require('./main')}/>
  </Route>
);

var路由=(
{
_.每个（路线、功能（r）{
返回；
});
}
);

我认为您应该能够使用

jsx

完成这项工作，但是您的

jsx

语法中有一个错误。试试这个：

var routes = (
  <Route name="main" path="/" handler={require('./main')}>
    {
     _.each (routes, function(r) {
         return <Route name={r.name} path={r.path} handler={require(r.module)}/>;
     });
    }
    <DefaultRoute handler={require('./main')}/>
  </Route>
);

var路由=(
{
_.每个（路线、功能（r）{
返回；
});
}
);

react router刚刚添加了顶级API，用于在0.12.2版中定义没有JSX的路由：

Router.createRoute()
Router.createDefaultRoute()
Router.createNotFoundRoute()
Router.createRedirect()

---

当您等待官方文档和示例出现时，源代码和详细文档中的文档注释可能是最好的查看位置。

react router刚刚添加了顶级API，用于在0.12.2版中定义没有JSX的路由：

Router.createRoute()
Router.createDefaultRoute()
Router.createNotFoundRoute()
Router.createRedirect()

---

当您等待官方文档和示例出现时，源代码和详细文档中的文档注释可能是最好的查看位置。

react router刚刚添加了顶级API，用于在0.12.2版中定义没有JSX的路由：

Router.createRoute()
Router.createDefaultRoute()
Router.createNotFoundRoute()
Router.createRedirect()

---

当您等待官方文档和示例出现时，源代码和详细文档中的文档注释可能是最好的查看位置。

react router刚刚添加了顶级API，用于在0.12.2版中定义没有JSX的路由：

Router.createRoute()
Router.createDefaultRoute()
Router.createNotFoundRoute()
Router.createRedirect()

---

当您等待正式文档和示例出现时，源代码和详细文档中的文档注释可能是最好的查看位置。

谢谢，这种语法起到了作用。虽然我不得不对我的原始代码做一些轻微的修改，因为Browserify不能动态加载require模块（它进行静态分析）。看见最后一个语法是handler={r.module}，其中r.module=require（'page1'）。谢谢，这个语法起到了作用。虽然我不得不对我的原始代码做一些轻微的修改，因为Browserify不能动态加载require模块（它进行静态分析）。看见最后一个语法是handler={r.module}，其中r.module=require（'page1'）。谢谢，这个语法起到了作用。虽然我不得不对我的原始代码做一些轻微的修改，因为Browserify不能动态加载require模块（它进行静态分析）。看见最后一个语法是handler={r.module}，其中r.module=require（'page1'）。谢谢，这个语法起到了作用。虽然我不得不对我的原始代码做一些轻微的修改，因为Browserify不能动态加载require模块（它进行静态分析）。看见所以最后的语法是handler={r.module}，其中r.module=require（'page1'）