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 ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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]);