wangxiansheng_123
2017-09-01 10:57:37
一個(gè)商品列表下面有多個(gè)商品,當(dāng)點(diǎn)擊刪除按鈕的時(shí)候,怎么才能刪除對(duì)應(yīng)的dom節(jié)點(diǎn)
2 回答

ChiuMungZit_HK
TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超443個(gè)贊
你問這個(gè)問題的時(shí)候就沒有完全弄懂什么是數(shù)據(jù)驅(qū)動(dòng)。
React通過state里面的數(shù)據(jù)去render實(shí)際的頁面,state的數(shù)據(jù)修改了,頁面就會(huì)重新render。
所以刪除物品根本不是去刪DOM節(jié)點(diǎn),而是去改變驅(qū)動(dòng)頁面的數(shù)據(jù)。
state里面應(yīng)當(dāng)有一個(gè)商品object的數(shù)組,當(dāng)你刪除商品的時(shí)候,用setState()方法刪除對(duì)應(yīng)的商品object,會(huì)驅(qū)動(dòng)頁面重新render。因?yàn)槟莻€(gè)商品的沒有數(shù)據(jù)了,自然也不會(huì)render在頁面上。

Caballarii
TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊
把數(shù)組里這個(gè)相應(yīng)的數(shù)據(jù)刪掉,然后setState就行了
添加回答
舉報(bào)
0/150
提交
取消