需求：刪除列表中的某一項(xiàng)，但不刷新整個(gè)頁面，底下的數(shù)據(jù)順勢而上(第一張是原始數(shù)據(jù)，第二張是刪除掉“你會介今年”這條動態(tài)后顯示的數(shù)據(jù))。

中間的過程比較曲折，只因?yàn)閯傞_始的時(shí)候自己只想著實(shí)現(xiàn)功能，卻沒考慮到適應(yīng)之前版本原有的效果，于是就有了三個(gè)版本的實(shí)現(xiàn)方法：

let listdata = await deldata(item.id);//請求刪除接口返回的數(shù)據(jù) 

let list = this.state.list;//原有列表數(shù)據(jù)

let newlist = new Array();//fsdfks
為空數(shù)組，存放刪除后剩下的數(shù)據(jù)組成的新數(shù)據(jù)

this.setState({ list: newlist });//list為動態(tài)列表的數(shù)據(jù)集合，重新賦值

①版本一：

this.setState({ list: newlist });//list為動態(tài)列表的數(shù)據(jù)集合，重新賦值
                                //在循環(huán)中使用setState賦值，總是導(dǎo)致頁面一閃一閃，不穩(wěn)定

②版本二

//調(diào)用刪除接口直接返回后再調(diào)用刷新頁面的方法，導(dǎo)致的后果就是真?zhèn)€頁面都刷新了，與之前要求的刪除某一條數(shù)據(jù)只是讓它在動態(tài)列表消失不見(并非刷新整個(gè)頁面)的愿景背道而馳

Refresh ===>為全局函數(shù)，刷新整個(gè)頁面的作用。

③版本三

//使用js中的splice方法，并把賦值一句放在整個(gè)循環(huán)的外層

縱覽：經(jīng)過一番波折最終實(shí)現(xiàn)了需求，雖然沒能一次到位，但依舊從中學(xué)到了點(diǎn)。

繼續(xù)加油~

總結(jié)

以上是生活随笔為你收集整理的React Native(十一)——删除事件以及刷新列表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。