経路の宣言構文

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構文であるかJSXの構文を反応させるのならば、その場合、私は...私は、たとえばJSONデータから動的にこのルートを生成したい...

おかげで、

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}) 

それを使用しています。