首頁猿問反應(yīng)本機(jī) | useState 異步等待

反應(yīng)本機(jī) | useState 異步等待

JavaScript

慕碼人8056858 2023-05-19 15:09:32

我必須更新狀態(tài)并在函數(shù)中使用它。它不會(huì)發(fā)生，因?yàn)槲也荒茏屗诋?dāng)前系統(tǒng)中等待。它獲取以前的數(shù)據(jù)并運(yùn)行它。我怎么拿得住？例如3時(shí)頁面的最后一個(gè)值為1。Click正在運(yùn)行，它應(yīng)該作為getReports中的1工作，但3工作。下一個(gè)是 1，但我需要那個(gè)瞬間。const onClick = () => { setReports([]); setPage(1); getReports(); <- use page and reports list}

查看完整描述

2 回答

鳳凰求蠱

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

快速解決方案，獲取以前的值，增加它并用這個(gè)新值更新狀態(tài)。在下一行中，將相同的增量值作為參數(shù)傳遞給getReports(new Value)。在這里，我們將僅使用狀態(tài)來保留最后的數(shù)字/索引。

但是如果你只想使用狀態(tài)，那么你不應(yīng)該getReports()馬上調(diào)用，相反你可以使用useEffect監(jiān)聽狀態(tài)的變化，然后在變化時(shí)調(diào)用方法。就像是：

const [page, setPage] = React.useState(0);

React.useEffect(() => {

getReports();

}, [page]);

const onClick = () => {

setReports([]);

setPage(1);

// If page number is always incrementing

setPage(page+1);

}

反對(duì) 回復(fù) 2023-05-19

holdtom

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

在 React 中設(shè)置狀態(tài)是異步的。這是因?yàn)樗匦鲁尸F(xiàn) dom（或其部分），并且setState調(diào)用（或掛鉤）之后的任何代碼將繼續(xù)正常執(zhí)行。就設(shè)置狀態(tài)而言，忘記異步等待。

在您的示例中，我應(yīng)該將頁碼傳遞給 getReports 函數(shù)。據(jù)我所知，沒有必要保留數(shù)字狀態(tài)。此外，對(duì) 的調(diào)用setReports([])看起來也不需要，因?yàn)槲艺J(rèn)為 getReports 無論如何都應(yīng)該覆蓋它。

反對(duì) 回復(fù) 2023-05-19