反应路由器配置

时间:2017-05-18 21:11:27

标签: javascript react-router

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

似乎配置也可以在JavaScript中直接完成(简单?)。

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

示例:

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

1 个答案:

答案 0 :(得分:1)

如果您愿意,可以使用普通物品!否则,路由器会为您转换它。请参阅以下示例:

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

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