首页 > 解决方案 > 从 Material UI 分页中获取价值

问题描述

我需要获取所选页面的编号,以便向用户显示某些数据。我有这个分页元素:

<Pagination count={5} variant="outlined" shape="rounded" onChange={handlePagination} />

它看起来像这样: 分页

所以我添加了带有“handlepagination”功能的 onChange 操作,如下所示:

function handlePagination (event) {
console.log(event.currentTarget)
}

例如,当我单击 4 号按钮时,我得到以下输出: 输出

任何人都可以帮我获取页码,在这种情况下是“4”字符串吗?我试过 event.currentTarget.value 但这不起作用......

标签: reactjspaginationmaterial-ui

解决方案


我相信您可以通过这种方式访问​​它。

console.log(event.target.textContent)
//or
console.log(event.currentTarget.textContent)

以下是其他解决方案。


推荐阅读