使用原生 JavaScript 进行路由定义。<Router> 组件将 JSX 语法的 <Route> 转化为原生对象，但是我们也可以直接使用原生对象来配置。属性与 <Route> 组件大致相同，除了以下动态获取自路由的部分：

属性

childRoutes

子路由数组，与 JSX 路由的 children 属性相同。

getChildRoutes(nextState, callback)

与 childRoutes 相同，但异步子路由，用于代码分离。

callback 回调

cb(err, routesArray)

  1. // 同步方式获取子路由
  2. let myRoute = {
  3.   path: 'course/:courseId',
  4.   childRoutes: [
  5.     announcementsRoute,
  6.     gradesRoute,
  7.     assignmentsRoute
  8.   ]
  9. }
  11. // 异步方式获取子路由
  12. let myRoute = {
  13.   path: 'course/:courseId',
  14.   getChildRoutes(nextState, cb) {
  15.     cb(null, [ announcementsRoute, gradesRoute, assignmentsRoute ])
  16.   }
  17. }

indexRoute

与使用 JSX 路由配置语法指定 <IndexRoute> 作用相同。

getIndexRoute(nextState, callback)

与 getChildRoutes 类似，用于代码分离和动态路由加载。

callback 回调

cb(err, route)

  1. // 同步获取
  2. let myIndexRoute = {
  3.   component: MyIndex
  4. }
  6. // 使用 indexRoute
  7. let myRoute = {
  8.   path: 'courses',
  9.   indexRoute: myIndexRoute
  10. }
  12. // 异步首页路由
  13. let myRoute = {
  14.   path: 'courses',
  15.   getIndexRoute(nextState, cb) {
  16.     // 异步处理
  17.     cb(null, myIndexRoute)
  18.   }
  19. }