从 Material UI 分页中获取价值

Question

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

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

它看起来像这样：

所以我添加了带有函数“handlepagination”的 onChange 操作，如下所示：

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

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

谁能帮我获取页码，在本例中为“4”字符串？我尝试了 event.currentTarget.value 但这不起作用......

Answer 1

您可以使用onChange分页组件（React Material）上的事件返回的第二个参数来获取当前页码，如下所示

onChange={(event, pageNumber) => pageChangeHandler(event, pageNumber)}


pageChangeHandler(event, pageNumber = 1) {
    // Your code 
}