Mit setState (ReactJS UI lib) kann keine neue Seite der Paginierungskomponente in NextUI festgelegt werden.
P粉775788723
P粉775788723 2024-01-29 13:29:55
0
1
401

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?

P粉775788723
P粉775788723

Antworte allen(1)
P粉098979048

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

useEffect(() => {
  console.log('page', page);
}, [page]);
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!