Javascript 反应路由器配置

React路由器似乎使用JSX进行配置

似乎配置也可以直接（简单地？）在JavaScript中完成

他们使用JSX是因为它更清晰，还是有其他好处

例如：

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={Layout}>
      <IndexRoute component={Featured}></IndexRoute>
      ...
    </Route>
  </Router>
);

ReactDOM.render(
...
);

如果您愿意，可以使用普通对象！否则，路由器将为您转换它。请参见下面的示例：

const routes = {
  path: '/',
  component: Layout,
  indexRoute: { component: Featured }
}

ReactDOM.render(<Router routes={routes} />)

const路由={
路径：“/”，
组成部分：布局，
indexRoute:{组件：特色}
}
ReactDOM.render（）