关于ant design table表格分页自定义封装

最近在公司遇到一个有关分页列表的问题，做了一次思路总结。 (react + mobx)

• 观察原始的分页样式，
• 接口提示必传项为分页列表的「当前页码，和每页展示的数量」
• table pagination属性使用{{}}添加相应的属性值
• 需要在mobx监听必传项的变化，声明监听变量@observable pageParams
• total属性代表从后台接收的数据总量，在变量中也要存放，

total控制

• pagination的onchange方法控制回调，function（page，pageSize）{},
• 在上面方法中可以修改必传项的数据，在render方法再次执行时，将修改列表
• 再此之前，你可以通过pageParams的数据渲染，并可以指定每页可以显示多少条，pageSizeOptions
• pageSizeOptions属性存放数据形式是string[]，默认[10,20,50,100],你可以把自己指定好的pageSize放进去，
• 当你切换分页时，需要再重新执行接口，实现表格重新渲染.

第一次在掘金写文章，欢迎大家指正。