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

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

课程章节：订单评价功能3

课程讲师： 艾特老干部

课程内容：本节课还是继续订单评价功能的编写，上一节课是说订单功能事件的实现，那这节课就讲的是父子组件之间的交互。this.props.doSubmit在orderList组件中如何实现。在orderList组件中的<orderItem doSubmit={this.handleSubmit}>，然后定义handleSubmit方法，handleSubmit=(id,comment,star) =>{const newData = this.state.data.map(item=>{return item.id === id ? {...item,comment,star,ifComment :true} : item});this.setState({data:newData})}，把原来定义死的orderItem的初始化数据改成先取props里的，没有再给默认值。取消按钮事件的时候也是一样，先给props里的值，再给默认值。根据prop里的数据来判断五角星的样式要亮几颗，没有给的就默认灰色。如果是用引用组件的方式，引用组件的时候要把data绑定上<orderItemEditing data={item} /> ，onSubmit也要绑定上

课程收获：

这节课的内容主要是继续讲订单评价功能代码编写。跟着手敲代码，实现效果。orderItem和ordeList组件之间的交互。接下来就继续...