第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

React-hook setState 未按預(yù)期工作

React-hook setState 未按預(yù)期工作

茅侃侃 2023-08-05 21:09:12
我有以下代碼:  const classes = useStyles();  const [data1, setData1] = useState([]);  const [searchedString, setSearchString] = useState("");  console.log(data1);  const fetchDataHandler = async () => {    setData1([]);    axios      .get(`http://localhost:5000/select?articul=${searchedString}`)      .then((response) => {        dataStruction(response.data);      })      .catch((err) => {        console.log(err);      });  };  const dataStruction = (data) => {    data.map((element1) => {      if (element1.secondaryArt.startsWith("30")) {        return setData1([...data1, { ...element1, level: 1 }]);      }    });  };  const onChangeSearchText = (event) => {    setSearchString(event.target.value);  };我希望每當(dāng)我調(diào)用 fetchDataHandler 時(shí)都能夠?qū)?data1 設(shè)置為空數(shù)組?,F(xiàn)在它正在工作,因?yàn)槊看挝艺{(diào)用 fetchDataHandler 時(shí)結(jié)果都會(huì)保留。我該怎么做?
查看完整描述

1 回答

?
郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個(gè)贊

問(wèn)題:

在觸發(fā)新渲染之前(在函數(shù)頂部),您的異步處理程序?qū)?code>dataStruction?關(guān)閉。data1?setData1([]);async

發(fā)生這種情況是因?yàn)?React 狀態(tài)更新是批量且異步的。

簡(jiǎn)單的解決方案:

如果您擺脫(刪除該行)setData1([]);并更改setData1([...data1, { ...element1, level: 1 }]);setData1([{ ...element1, level: 1 }]);,那么您將得到一個(gè)包含新元素的數(shù)組,而不保留“舊”元素。

替代解決方案:

您還可以將狀態(tài)更新包裝到如下函數(shù)中:

轉(zhuǎn)這個(gè):setState("foo")

進(jìn)入這個(gè):setState((state, props) => "foo")

第二種形式(傳遞函數(shù)而不是直接傳遞狀態(tài))可確保引用正確的狀態(tài)。因此,在您的情況下,第二個(gè)狀態(tài)更新將引用更新后的狀態(tài)。


查看完整回答
反對(duì) 回復(fù) 2023-08-05
  • 1 回答
  • 0 關(guān)注
  • 123 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)