antd table 时间搜索_Antd Table分页查询

为

render() {

const { currentPage } = this.state;

const paginationProps = {

page: currentPage,

onChange : (page) => this.handleTableChange(page),

total: presentalert.pagination.Total,

}

return (

dataSource={XXX}

columns={XXX}

pagination={paginationProps}

/>

);

}

}

onchange()的第一个参数是改变后的页码，这个参数需要通过state监听。否则如果页面中存在有刷新功能的按钮，页码不会跟随页面内容回到“1”。在state中将当前页设为空：

state = {

currentPage: '',

};

onchange()调用函数handleTableChange()，注意：此时的currentPage要和onchange()的第一个参数保持一致：

handleTableChange = (pagination) => {

const { dispatch } = this.props;

this.setState({

currentPage: pagination,

})

const params = {

Current: pagination,

Size: 10,

};

dispatch({

type: 'XXX/XXX',

payload: params,

});

}

页面中有刷新功能按钮的函数中，需要将currentPage设为1：

this.setState({

currentPage: 1,

});