react.js如何设置DefaultRouter

react.js how to set up DefaultRouter?

本文关键字：设置 DefaultRouter js 何设置 react      更新时间：2023-09-26

我正在尝试设置路由层次结构。现在看起来像:

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",

我已经发现，我不能只是设置组件的名称，我必须设置一个对象至少与'component'属性:

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