添加刪除按鈕以及清空某條評論的實現(xiàn)
1、添加刪除按鈕
????在CommentList里面,comments遍歷的時候,返回一個li和一個button,button添加點擊事件,點擊的時候傳入index參數(shù),調(diào)用this.props.onDeleteComment方法,刪除對應(yīng)的評論
app.js里面,注意綁定this.deletecomment
2、清空評論
在CommentBox中,onSubmit方法里面直接清空,一旦提交就可以清空了
以上代碼目前自己運行正常,如有可改進(jìn)之處,請老師同學(xué)指正
2019-01-07
為啥我的button和li不在同一行?
2018-12-21
為什么我這樣會報錯
我的代碼是
CommentList:
app.js
2018-12-07
恩,兩個都很好,filter寫起來更方便;但是如果我們現(xiàn)在有一萬條評論,而只是刪除其中一條,那么這時候可能splice更好吧,因為不用把整個數(shù)組遍歷一遍,畢竟每次只點擊一個刪除按鈕。 都是我個人見解哈 :D?
2018-12-06
你好,第一點我試了,有bug,直接不顯示任何評論內(nèi)容;第二點我綁定了的,只是沒貼出來~~;第三點,我也試了下,代碼如下,但是也有bug,點擊一個刪除,會刪除多條評論,不知道你運行的時候有沒有出現(xiàn)呢
2018-12-06
可以直接寫onClick={this.props.onDeleteComment(index)}
constructor方法里面最好對this.props.onDeleteComment方法綁定this
刪除數(shù)組操作在已有index時可以使用splice方法