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

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

课程章节：订单列表组件

课程讲师： 艾特老干部

课程内容：

订单列表组件的编写。在orderList组件中，动态循环获取orderItem的数据内容显示，{data.map(item =>{return <orderItem key={item.id} data={item} />})} 在react的list列表里，要有key唯一值，data显示的是item的数据。header组件的编写，header组件的编写很简单，先把多余的组件样式删除。然后header组件引入css样式，然后render<div>我的订单</div>，在app.js中引入header组件，然后在div中使用<header />组件，组件的命名首字母要大写。这样一个订单列表已经实现了。

课程收获：

这节课的内容主要是讲订单列表组件的代码编写。跟着手敲代码，实现效果。现在的数据都是写死的，用写死的json数据来实现的效果和之前的界面一致了。那接下来就是动态获取服务器的数据了，嚯嚯嚯，代码编写。接下来就继续...