手记

【金秋打卡】第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数据来实现的效果和之前的界面一致了。那接下来就是动态获取服务器的数据了,嚯嚯嚯,代码编写。接下来就继续...

0人推荐
随时随地看视频
慕课网APP