React setState更新发生得较晚(n-1)，似乎我落后了一个[重复]

Question

  const handlePageChange = (page, itemCount) => {
    

   setActivePage(page); // This is how am updating my state variable 
 
   setItemsPerPage(itemCount); // This is how am updating my state variable 
  

  }

handlePageChange是从onclick（）调用的，但似乎activepage更新发生得很晚（似乎我滞后了一个），如果我转到第2页，我的activepage的状态变量将显示1

Answer 1

由于setActivePage是异步方法，因此不能在setActivePage之后立即获取更新的值。您应该使用另一个具有依赖关系的useEffect来查看更新的activePage。

const handlePageChange = (page, itemCount) => {
   setActivePage(page);
   console.log(activePage); // Old `activePage` value will be printed.
   ...
}

useEffect(() => {
  console.log(activePage) // print state variable inside useEffect.
}, [activePage]);