继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

平平无奇的打工人
关注TA
已关注
手记 35
粉丝 0
获赞 4

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

课程章节:订单评价功能2

课程讲师: 艾特老干部

课程内容:

本节课继续订单评价功能的编写,上一节课主要是订单功能界面的实现,这节课就讲到订单功能事件的实现。纵观一下,需要编辑订单评价功能什么事件。点击评价弹出评价框事件,评价和已评价是否可以点击(定义一个状态editing为false的时候是未评价,为true的时候是已评价),输入框的内容改变事件(handleCommontChange,当有输入值的时候就改变comment的值),五角星的点击事件(handleClickStar,传数组的数字进来,然后把五角星的状态颜色替换),提交按钮事件(handleSubmit,在orderItem中提交要传递回父组件orderList,this.props.doSubmit(id,comment,star))和取消按钮的事件(取消的时候要把状态editing设置为false,并且清空comment和star的值)。

课程收获:

这节课的内容主要是继续讲订单评价功能代码编写。跟着手敲代码,实现效果。orderItem中的评价功能事件的实现。接下来就继续...

http://img3.mukewang.com/636a2c040001ad2812960670.jpg

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP