React route声明语法

Question

我正在尝试使用React-Route。我宣布路线如下：

var routes = (
        <Route path="/" component={App}>
            <IndexRoute component={HomePage}></IndexRoute>
            <Route path="courses" component={CoursesPage}></Route>
            <Route path="course" component={ManageCoursePage}></Route>
            <Route path="course/:id" component={ManageCoursePage}></Route>
            <Route path="about" component={AboutPage} />
        </Route>
    );

导出默认路由;

我想知道它是JS语法还是React JSX语法......

我想从JSON数据动态生成此Route，例如......

谢谢，

Answer 1

如果它是一个组件，那么你可以动态添加它。例如

componentData = [{ name: 'one' : component : Component (import Component from './somewhere') type: IndexRoute/Route, path: '/somewhere' }]

然后你用它

componentData.map(Comp => (<Comp.type path={Comp.path} component={Comp.component})

你可以找出其余的嵌套。