刪除操作核心代碼.
子組件中的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
刪除列表要注意的是:
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
npx create-react-app my-project
是不是包含了以下兩步:
npm install create-react-app -g
create-react-app my-project
是不是包含了以下兩步:
npm install create-react-app -g
create-react-app my-project
2020-05-31