无法使用 setState 在 NextUI 中设置分页组件的新页面(ReactJS UI lib)
P粉775788723
P粉775788723 2024-01-29 13:29:55
[React讨论组]

我有一个状态和分页组件:

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

此 Pagination 的 onChange 事件具有当您单击该页面时当前页面的参数。

我处理以下更改页面的函数:

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

我使用了 2 个 console.log 来记录数据。一项记录 onChange 的参数,一项记录使用 setPage 后的页面状态。这是我的控制台,当我单击第 1 页和第 2 页时,当参数 e 跟随 onChange 事件更改时,setPage 似乎不起作用,那么当 e 更改时如何 setPage?

P粉775788723
P粉775788723

全部回复(1)
P粉098979048

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

useEffect(() => {
  console.log('page', page);
}, [page]);
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号