万事俱备，只欠东风。我们已经把需要开发的主要知识点都过了一遍，是时候将这些知识组合出一个带有些复杂逻辑的页面了。

准备工作

添加页面组件

我们创建一个 src/page/list/index.js 作为新的页面组件。

  1. import React from 'react';
  3. class List extends React.Component {
  4.   render() {
  5.     return (
  6.       <div>
  7.         hello world
  8.       </div>
  9.     );
  10.   }
  11. }
  13. export default List;

添加路由

我们在config/config.js中添加新的路由。

  1. { path: 'list', component: '../page/list' }

这个时候，在页面打开 http://localhost:8000/list 便可以看到你新建的页面了。

(你可以在侧边栏上加上链接来精益求精。当然，这可选的。不会影响我们接下来的内容。)