react.js如何設置DefaultRouter？

Question

我正在嘗試設置路由層次結構。 現在看起來像：

const routes = {
  path: '/',
  component: 'div',
  indexRoute: MainApp,
  childRoutes: [
    { path: '/', name: 'dashboard', component: MainApp},
    { path: 'quiz', name: 'quiz', component: QuizApp}
  ]
};

如果單擊帶有href="#quiz"鏈接，則可以看到QuizApp 。 但是在加載主頁時，我只能看到我在index.html文件中寫的內容。 如何正確設置DefaultRouter？

這里是依賴項：

"react": "^0.14.0-beta3",
"react-dom": "^0.14.0-beta3",
"react-redux": "^1.0.1",
"react-router": "^1.0.0-rc3",
"redux": "^1.0.1",

Answer 1

我已經發現，不能只設置組件的名稱，而必須設置一個至少具有'component'屬性的對象：

const routes = {
  path: '/',
  component: 'div',
  indexRoute: {component: MainApp},
  childRoutes: [
    { path: '/', name: 'dashboard', component: MainApp},
    { path: 'quiz', name: 'quiz', component: QuizApp}
  ]
};