Impossible de définir une nouvelle page du composant de pagination dans NextUI à l'aide de setState (librairie ReactJS UI)

Question

J'ai un composant statut et pagination :

const [page, setPage] = useState(1);
----------------------------------------------------------------------------------------
<Pagination
  color="primary"
  size="sm"
  total={30}
  onChange={handleChangePage}
  className="mb-20"
/>

L'événement onChange de cette Pagination a des paramètres pour la page actuelle lorsque vous avez cliqué dessus.

Je gère la fonction suivante qui change la page :

const handleChangePage = (e) => {
    console.log('data',e)
    setPage(e);
    console.log('page', page)
  };

J'ai utilisé 2 console.logs pour enregistrer des données. L'un enregistre les paramètres de onChange et l'autre enregistre l'état de la page après avoir utilisé setPage. Ceci est ma console, lorsque je clique sur la page 1 et la page 2, setPage ne semble pas fonctionner lorsque le paramètre e change suite à l'événement onChange, alors comment setPage lorsque e change ?

Answer 1

La définition de l'état ne se produit pas immédiatement, donc lorsque vous enregistrez l'état de la page, la valeur de l'état n'a pas encore été mise à jour. Si vous souhaitez vous déconnecter après la modification de la valeur de la page, vous pouvez utiliser le hook useEffect.

useEffect(() => {
  console.log('page', page);
}, [page]);