Route Route deklarieren Syntax

Question

Ich versuche, React-Route zu verwenden. Ich erklärte die Routen wie folgt:

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

Export Standardrouten;

Ich frage mich, ob es JS Syntax oder Reagieren JSX Syntax ...

Ich mag diesen Weg generieren dynamisch von JSON-Daten zum Beispiel ...

Danke,

Answer 1

Wenn sein Eine Komponente kann dann dynamisch hinzugefügt werden. Z.B.

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

und dann benutzen Sie es

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

Sie den Rest für die Verschachtelung herausfinden können.