首页 > 解决方案 > 2 useState 中的一个 useEffect 一个有效,另一个无效,即使它们几乎相同

问题描述

我已将此useEffect功能设置为在页面呈现时仅运行一次。
在里面我使用了两个useState函数:setPageLenghtsetPages

const [pages,setPages] = useState([])
const [pageLenght,setPageLenght] = useState(0)
useEffect(() => fetchData(props.Token).then(response => {
    let result = Math.round(response[0] / 20)
    setPageLenght(prev => result); //Does not change the state remains at 0
        
    for (let i=0;i < result;i++) {
        let page = <span>response[i]</span>;
        setPages(prev => [...prev,page])
    }
}),[])

基本上它调用一个函数来获取数据,然后相应地设置数据

后一个setPages工作正常,但由于某种原因,第一个没有。

这里发生了什么?

标签: javascriptreactjsuse-effectuse-state

解决方案


推荐阅读