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

我已经发现，我不能只设置组件的名称，我必须设置一个至少具有“组件”属性的对象：

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