課程
/前端開發(fā)
/React.JS
/React16.4 快速上手
父組件傳遞list給子組件,當點擊刪除的時候,子組件直接通過this.props.list來控制父組件的數(shù)據(jù)
2020-03-19
源自:React16.4 快速上手 3-2
正在回答
小哥,你這是沒理解state狀態(tài)與props屬性的定義呀,props屬性是不能修改的,只讀,子組件要改變父組件的狀態(tài)數(shù)據(jù),需要通過父組件傳遞一個屬性方法給子組件<TodoItem handleDelete={this.handleDate()} />?
this.handleDate()這個方法是在父組件定義的,然后子組件通過方法調(diào)用 this.props.handleDelete()
建議:<div onClick={() => this.props.handleDelete }>{this.props.content}</div>?
如圖所示,這里使用的this.setState沒生效
舉報
結(jié)合實例帶你快速入門React16基礎(chǔ)語法,并完成Todolist功能開發(fā)。
1 回答父組件的return 沒有()直接寫組件,子組件return后面有() ,retrun(<div>......</div>) 。老師代碼父組件的44行 ,子組件的第6行。
2 回答父組件中引入的子組件的屬性不是有key嗎,為什么沒有直接把key傳給子組件
1 回答能夠直接把父組件通過props 傳給子組件使用么
1 回答子組件的index
3 回答老師,子組件onClick也可以這樣寫吧?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2020-04-21
小哥,你這是沒理解state狀態(tài)與props屬性的定義呀,props屬性是不能修改的,只讀,子組件要改變父組件的狀態(tài)數(shù)據(jù),需要通過父組件傳遞一個屬性方法給子組件<TodoItem handleDelete={this.handleDate()} />?
this.handleDate()這個方法是在父組件定義的,然后子組件通過方法調(diào)用 this.props.handleDelete()
建議:<div onClick={() => this.props.handleDelete }>{this.props.content}</div>?
2020-03-19