如何在Material UI的Pagination分页组件中将当前页码传递给onChange事件

实现方案 #

Material UI 的 <Pagination> 组件的 onChange 事件回调默认会传入两个参数：

• 第一个是触发事件的原生事件对象，无使用需求可以忽略
• 第二个就是用户最新选中的页码值

你只需要在回调中接收这个页码参数，再传给你定义的 onPageChange 方法即可，修改后的代码如下：

<Pagination
      count={pageCount}
      color="primary"
      onChange={(event, newPage) => props.onPageChange(newPage)}
 />

如果不需要用到事件对象，也可以用下划线占位标记无用参数，写法更简洁：

<Pagination
      count={pageCount}
      color="primary"
      onChange={(_, newPage) => props.onPageChange(newPage)}
 />

内容的提问来源于stack exchange，提问作者Joe Robin