课程名称:react16实现订单列表及评价功能
课程章节:订单评价功能2
课程讲师: 艾特老干部
课程内容:
本节课继续订单评价功能的编写,上一节课主要是订单功能界面的实现,这节课就讲到订单功能事件的实现。纵观一下,需要编辑订单评价功能什么事件。点击评价弹出评价框事件,评价和已评价是否可以点击(定义一个状态editing为false的时候是未评价,为true的时候是已评价),输入框的内容改变事件(handleCommontChange,当有输入值的时候就改变comment的值),五角星的点击事件(handleClickStar,传数组的数字进来,然后把五角星的状态颜色替换),提交按钮事件(handleSubmit,在orderItem中提交要传递回父组件orderList,this.props.doSubmit(id,comment,star))和取消按钮的事件(取消的时候要把状态editing设置为false,并且清空comment和star的值)。
课程收获:
这节课的内容主要是继续讲订单评价功能代码编写。跟着手敲代码,实现效果。orderItem中的评价功能事件的实现。接下来就继续...
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦