Mit setState (ReactJS UI lib) kann keine neue Seite der Paginierungskomponente in NextUI festgelegt werden.

Question

Ich habe eine Status- und Paginierungskomponente:

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

Das onChange-Ereignis dieser Paginierung enthält Parameter für die aktuelle Seite, als Sie darauf geklickt haben.

Ich kümmere mich um die folgende Funktion, die die Seite ändert:

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

Ich habe 2 console.logs verwendet, um Daten aufzuzeichnen. Einer zeichnet die Parameter von onChange auf und der andere zeichnet den Seitenstatus nach Verwendung von setPage auf. Dies ist meine Konsole. Wenn ich auf Seite 1 und Seite 2 klicke, scheint setPage nicht zu funktionieren, wenn sich der Parameter e nach dem onChange-Ereignis ändert. Wie setze ich also setPage, wenn sich e ändert?

Answer 1

设置状态不会立即发生，因此当您记录页面状态时，状态值尚未更新。如果您想在页面值更改后注销，可以使用 useEffect 钩子。

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