【金秋打卡】第11天 react16实现订单列表和评价功能

课程名称：react16实现订单列表及评价功能

课程章节：页面组件划分

课程讲师： 艾特老干部

课程内容：

根据界面的显示效果，每个商品模块可以分为一个组件，每个商品模块还可以细分为头部组件。在components下新建一个Header文件夹，在header文件夹下新建一个index.js，在index.js里创建渲染的组件内容，可以用npx快速新建，然后在app.js里引用组件import Header from './component/Header'。同样的把OrderList和OrderItem组件新建出来。然后新建一个APP组件。最后每个组件里都有一个js和一个css。然后就不能在app.js里引用组件了，要换成index.js里引用组件。

课程收获：

这节课的内容主要是讲如何对页面进行组件的划分。在开发之前，首先要先想好分多少个组件，多少个组件的划分才算是合理的，然后进行组件代码的新建，先搭建一个代码框架，再去进行对应代码的开发。接下来就开始吧...