第四章: 复杂页面

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

准备工作

添加页面组件

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

import React from 'react';

class List extends React.Component {
  render() {
    return (
      <div>
        hello world
      </div>
    );
  }
}

export default List;

添加路由

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

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

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

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