AntDesign中排序sorter的坑（前后端）

本文简介 AntD种columns中排序问题

一
antd中sorter是写在columns中的一个配置，结果为一个回调函数

如图，这是我项目中使用sorter的小例子，参数a，b分别为列表第0项数据和第1项数据。回调函数中return一个值，按照什么排序就return什么，跟js中的sort一样。但是一旦触发这个事件，标签内部的分页部分onChange函数就会触发，如图

这是分页器中页码改变的函数，在这个回调函数中接受两个参数，一个是page，另一个是pageSize，但当sorter函数出发的时候，这个pageSize函数也会触发，触发之后pageSize就变成了undefined，所以如果用到pageSize就会出现bug，

我是将pageSize储存在了state中，在这个函数中读取一下stage中的pageSize，如果参数中pageSize不存在就用stage中的pageSize

sorter 排序大致分为两种：
第一种是数值类型：直接相加减就好
第二种是字符串类型：需要用到 localeCompare 方法

sorter汉化
首先导入

import zhCN from ‘antd/es/locale/zh_CN’;
然后在table中设置一下就好了

二
后端导致排序不起作用

两张图的对比可以看到 getPage方法的第二个参数

第二个参数，会给page的ordes数组赋值