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

為了賬號安全,請及時綁定郵箱和手機立即綁定
老師講的很不錯,很有水平<h1>test
刪除操作核心代碼.
子組件中的btn綁定點擊事件, props自定義事件將index傳遞給父組件
父組件根據index 調用 Array.splice方法刪除元素
有個坑, this.comments.splice(index,1) 返回的是被刪除的元素
所以要先刪除, 在重新將狀態更新

delComment(index) {
this.state.comments.splice(index, 1)
this.setState({
comments: this.state.comments,
})
}
確實react出來很早了,那時候MVC架構很流行, 用的確是不習慣, 結構,樣式,行為分離度不夠高. 不過比Flutter舒服的一點, 怎么說也是js的主場.

onChange={this.handleClick.bind(this)} 這也是可以綁定到組件的this的
就喜歡聽這個老師的課
我下載的時候bootstrap的版本已經是5了。膠囊樣式注意改為:badge rounded-pill bg-primary
刪除列表要注意的是:
1,如果你用的是函數式的寫法記得把刪除方法的名稱作為參數給加上,然后不加this直接調用
2,如果用的是class的寫法直接用this.props.刪除方法(index),
刪除方法內容:
let list = [...this.state.comments]
list.splice(index,1)
this.setState({
comments:list
})
刪除列表:基本流程和增加列表差不多,但是有兩個點需要注意:
1、如何將參數index傳到父組件中,我一開始用(e/index)=>this.props.onDeleteComment(e/index),發現傳到父組件中都是一個合成事件,找不到索引,只能順序刪除。后來參照了評論里一個同學的,改成了()=>this.props.onDeleteComment(index),就可以任意刪除自己想要的節點。
很早之前看了前面幾章,今天看了后面幾章,學起來不那么吃力了,可能是自己有額外學習react
沒說賊有特色的再見。。。
這個和vue的依賴注入一個理念
老師講的很好
感覺比vue麻復雜挺多的
打印currentState的值是舊的時間,非最新的時間
感謝~~~~~~~~~
npx create-react-app my-project
是不是包含了以下兩步:
npm install create-react-app -g
create-react-app my-project
首頁上一頁1234567下一頁尾頁
課程須知
了解基本的 Javascript(ES6)語法
老師告訴你能學到什么?
1、React本地開發環境的搭建 2、React組件 和 JSX 3、React的屬性(props)和狀態(state) 4、React組件的生命周期 5、React表單- 非受控表單和受控表單 6、React開發思想 - 狀態提升和單向數據流 7、React16新增特性 Context

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消