本文介绍了如何使用Ant Design实现表格的搜索、分页和多选功能。通过接收后端分页接口数据，将数据存储在model的state中，并编写分页请求方法、多选处理、搜索及重置功能。在渲染部分，展示了如何展示数据、设置分页选项以及集成搜索模块和表格组件。
要实现如下所示的 切换分页，切换每页展示数据数目，输入跳转到某页，搜索可以获取表格中对应数据
1、条件是后端传过来的分页接口数据json结构是
{
"code": 0,
"msg": "success",
"data": {
"list": [
{
"id": 24,
"test1": "test1",
"test2": "test2"
}
],
"totalPage": 2,
"currPage": 1,
"totalSize": 12,
"currSize": 10
}
}
2、在model的state建立一个数组，通过effect异步请求将请求到的数据data保存到此数组中
3、写分页请求方法
在state中给search和多选框一个初始值
state = {
search:'',
selectedRows:[],
}
// 获取分页数据
fe
最低0.47元/天 解锁文章
1800
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
