课程名称: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里引用组件。
课程收获:
这节课的内容主要是讲如何对页面进行组件的划分。在开发之前,首先要先想好分多少个组件,多少个组件的划分才算是合理的,然后进行组件代码的新建,先搭建一个代码框架,再去进行对应代码的开发。接下来就开始吧...