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