我的 useState 掛鉤中有一個對象數(shù)組，我想更改每個數(shù)組元素的一個屬性，假設(shè)它看起來像：const array = [{id:1, isDisplayed: false}, {id:2, isDisplayed: false}, {id:3, isDisplayed: true}]雖然我嘗試使用setTimeout內(nèi)部useEffect鉤子來更改displayed不需要的任何地方的true屬性isDisplayed: true，但它會等待專用時間，并立即更改所有內(nèi)容，但我想要實(shí)現(xiàn)的是用自己的延遲更改每個元素。我的意思是像 const DELAY = 2000setTimeout 之類的東西setTimeout(() => ... , DELAY * id) ，因為當(dāng)我渲染 jsx 時，所有內(nèi)容都會同時出現(xiàn)，我只想在每個元素出現(xiàn)之間產(chǎn)生小的延遲。例如，第一個元素在 2 秒后出現(xiàn)，第二個元素在 3 秒后出現(xiàn)（不是第一個元素后 3 秒）我當(dāng)前的代碼如下所示：React.useEffect(() => { setTimeout(() => { setArray(array.map((item)=> !item.isDisplayed ? {...item, displayed: true} : item)) }, DELAY * Math.floor(Math.random() * 5);}, [])
useEffect 內(nèi)的 setTimeout 和 useState
楊魅力
2023-08-18 09:54:51
