Reactjs 反应路由器-动态路由设置

我确信我在这里遗漏了一些简单的东西，但无法正确配置我的路线

我得到这个错误：

警告：失败的道具类型：道具“children”在“App”中标记为必需，但其值为“undefined”。
应用内（由RouterContext创建）
路由器上下文中（由路由器创建）
在路由器中

以下是我的基本设置：

/index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, browserHistory} from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes}/>, document.getElementById('root'));

module.exports = {
  path: '/',
  component: require('../components/app'),
  indexRoute: require('./home')
};

module.exports = {
  getComponent(nextState, cb) {
    require.ensure([], (require) => {
      cb(null, require('../components/home'));
    });
  }
};

import React, {PropTypes} from 'react';

const App = props => (
  <section>
    <h1>My App</h1>
    <section>{props.children}</section>
  </section>
);

App.propTypes = {
  children: PropTypes.node.isRequired
};

export default App;

import React from 'react';

const Home = () => (
  <section>
    <h3>Home</h3>
  </section>
);

export default Home;

/routes/home.js

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, browserHistory} from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes}/>, document.getElementById('root'));

module.exports = {
  path: '/',
  component: require('../components/app'),
  indexRoute: require('./home')
};

module.exports = {
  getComponent(nextState, cb) {
    require.ensure([], (require) => {
      cb(null, require('../components/home'));
    });
  }
};

import React, {PropTypes} from 'react';

const App = props => (
  <section>
    <h1>My App</h1>
    <section>{props.children}</section>
  </section>
);

App.propTypes = {
  children: PropTypes.node.isRequired
};

export default App;

import React from 'react';

const Home = () => (
  <section>
    <h3>Home</h3>
  </section>
);

export default Home;

/components/app/index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, browserHistory} from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes}/>, document.getElementById('root'));

module.exports = {
  path: '/',
  component: require('../components/app'),
  indexRoute: require('./home')
};

module.exports = {
  getComponent(nextState, cb) {
    require.ensure([], (require) => {
      cb(null, require('../components/home'));
    });
  }
};

import React, {PropTypes} from 'react';

const App = props => (
  <section>
    <h1>My App</h1>
    <section>{props.children}</section>
  </section>
);

App.propTypes = {
  children: PropTypes.node.isRequired
};

export default App;

import React from 'react';

const Home = () => (
  <section>
    <h3>Home</h3>
  </section>
);

export default Home;

import React，{PropTypes}来自'React'；
const App=props=>(
我的应用程序
{props.children}
);
App.propTypes={
子项：PropTypes.node.isRequired
};
导出默认应用程序；

/components/home/index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, browserHistory} from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes}/>, document.getElementById('root'));

module.exports = {
  path: '/',
  component: require('../components/app'),
  indexRoute: require('./home')
};

module.exports = {
  getComponent(nextState, cb) {
    require.ensure([], (require) => {
      cb(null, require('../components/home'));
    });
  }
};

import React, {PropTypes} from 'react';

const App = props => (
  <section>
    <h1>My App</h1>
    <section>{props.children}</section>
  </section>
);

App.propTypes = {
  children: PropTypes.node.isRequired
};

export default App;

import React from 'react';

const Home = () => (
  <section>
    <h3>Home</h3>
  </section>
);

export default Home;

从“React”导入React；
常量Home=（）=>(
家
);
导出默认主页；

当需要使用导出的文件时，需要指定

。默认值。如果没有它，Home将是未定义的，因此会出现错误

/routes/home.js

module.exports = {
    getComponent(nextState, cb) {
        require.ensure([], (require) => {

        // need to specify .default when requiring a file using export
        cb(null, require('../components/home').default);
        });
    }
};