问题描述

今天在开发的时候发现了一个问题，就是在使用antd的table组件的时候，我每个栏目对应的时不同的数据。我在A页面选中了第二页，切换到B页面他还是在第二页。（我需要他切换页面后，分页应该时第一页。）

问题解决

1、设置一个在this.status设置一个currentPage属性为1.
2、在Tbale组件中使用onchange函数，今天分页器的变化。

                   <Table
                        dataSource={
   dataSourceNext}
                        columns={
   columns}
                        pagination={
   {
   
                            pageSize:7,
                            current: this.state.currentPage,
                            onChange: (page, pageSize) => {
   
                                this.setState({
   
                                currentPage: page
                                     });
                                }
                        }}
                        scroll={
   true}
                    />

可以看到我们每次切换分页器都会重新修改currentPage的值，让他与你选中的分页同步。同时由于默认是1，所以每次切换路由都会让分页器回到1.