刪除操作核心代碼.
子組件中的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,
})
}
子組件中的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,
})
}
2022-03-18
確實react出來很早了,那時候MVC架構很流行, 用的確是不習慣, 結構,樣式,行為分離度不夠高. 不過比Flutter舒服的一點, 怎么說也是js的主場.
onChange={this.handleClick.bind(this)} 這也是可以綁定到組件的this的
onChange={this.handleClick.bind(this)} 這也是可以綁定到組件的this的
2022-03-18
最新回答 / 慕絲732298
this：當前類（Welcome）的實例，super：代表父類（React.Component）構造函數，使用當前類中的屬性（props），直接用this.props即可。
2022-03-07
刪除列表要注意的是：
1，如果你用的是函數式的寫法記得把刪除方法的名稱作為參數給加上，然后不加this直接調用
2，如果用的是class的寫法直接用this.props.刪除方法(index),
刪除方法內容：
let list = [...this.state.comments]
list.splice(index,1)
this.setState({
comments:list
})
1，如果你用的是函數式的寫法記得把刪除方法的名稱作為參數給加上，然后不加this直接調用
2，如果用的是class的寫法直接用this.props.刪除方法(index),
刪除方法內容：
let list = [...this.state.comments]
list.splice(index,1)
this.setState({
comments:list
})
2021-07-15
刪除列表：基本流程和增加列表差不多，但是有兩個點需要注意：
1、如何將參數index傳到父組件中，我一開始用（e/index）=>this.props.onDeleteComment(e/index),發現傳到父組件中都是一個合成事件，找不到索引，只能順序刪除。后來參照了評論里一個同學的，改成了()=>this.props.onDeleteComment(index），就可以任意刪除自己想要的節點。
1、如何將參數index傳到父組件中，我一開始用（e/index）=>this.props.onDeleteComment(e/index),發現傳到父組件中都是一個合成事件，找不到索引，只能順序刪除。后來參照了評論里一個同學的，改成了()=>this.props.onDeleteComment(index），就可以任意刪除自己想要的節點。
2021-07-14
已采納回答 / Elylic
箭頭函數，可以 這么寫 () => <li>abc</li> 等同于 () => { return <li>abc</li> } 是一種簡寫的方式?所以老師代碼中正確的寫法應該是：寫法1<...圖片...>寫法2<...圖片...>
2021-06-07