亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【金秋打卡】第17天 react16實現訂單列表和評價功能

標簽:
React.JS React

课程名称: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组件之间的交互。接下来就继续...

https://img1.sycdn.imooc.com//636b7f9e0001354013030670.jpg

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消