javascript - react 路由器配置

Question

React-router 似乎使用 JSX 进行配置。

看起来配置也可以直接(简单地？)在 JavaScript 中完成。

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

示例:

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

Answer 1

如果您愿意，可以使用普通对象!否则，路由器会为您进行转换。请参阅下面的示例:

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

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