課程
/前端開發
/React.JS
/React16.4 快速上手
父組件傳遞list給子組件，當點擊刪除的時候，子組件直接通過this.props.list來控制父組件的數據
2020-03-19
源自：React16.4 快速上手 3-2
正在回答
小哥，你這是沒理解state狀態與props屬性的定義呀，props屬性是不能修改的，只讀，子組件要改變父組件的狀態數據，需要通過父組件傳遞一個屬性方法給子組件<TodoItem handleDelete={this.handleDate()} />?
this.handleDate()這個方法是在父組件定義的，然后子組件通過方法調用 this.props.handleDelete()
建議：<div onClick={() => this.props.handleDelete }>{this.props.content}</div>?
如圖所示，這里使用的this.setState沒生效
舉報
結合實例帶你快速入門React16基礎語法，并完成Todolist功能開發。
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 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-04-21
小哥，你這是沒理解state狀態與props屬性的定義呀，props屬性是不能修改的，只讀，子組件要改變父組件的狀態數據，需要通過父組件傳遞一個屬性方法給子組件<TodoItem handleDelete={this.handleDate()} />?
this.handleDate()這個方法是在父組件定義的，然后子組件通過方法調用 this.props.handleDelete()
建議：<div onClick={() => this.props.handleDelete }>{this.props.content}</div>?
2020-03-19