antd table 服务 自定义排序

Question

现在需要表格按照 IMEI号进行排序，服务器端已经做出相应逻辑，需要向接口传递参数 sortImet: true //升序，请问各位大神怎么添加参数啊，没有半点头绪

state= {
   formValues: {}
};
const columns = [
   { title: 'IMEI号', dataIndex: 'imei', align: 'center', sorter: true}
]

<Table
  columns={columns}
  dataSource={devicePage.list}
  pagination={devicePage.pagination}
  onChange={(pagination) => HandleTableChange(this, pagination)}
/>

//实现排序，保留分页筛选条件
export const HandleTableChange = (that, pagination) => {
  const { formValues } = that.state;
  //传递参数
  const params = {
    //历史查询内容
    ...formValues,
    //分页内容
    pageNumber: pagination.current,
    pageSize: pagination.pageSize,
    
    //=============================================
       我觉得应该在这里添加参数，但是我需要怎么获得排序主体，尝试很多次都没有实现
    
    //============================================
  };
  that.setState({
    formValues: params,
  });
  
  //获取表格内容数据
  that.getListItems(params);
};

Answer 1

class Demo extends Component{

    // 箭头函数形式 this不会丢失
    handleTableChange = (pagination, filters, sorter) => {
        //第三个参数 就是排序信息
        console.log(sorter, sorter.field, sorter.order)
       // 。。。
    };

    render () {
        return (
        <Table
          columns={columns}
          dataSource={devicePage.list}
          pagination={devicePage.pagination}
          // 这里直接调用方法就好了
          onChange={this.handleTableChange}
        />
        ) 
    }

}