Antd - redux中的表保存排序

// 在redux的store中定义tableSort属性
const initialState = {
  tableSort: null,
  // 其他状态属性...
};

// 在redux的action中定义updateTableSort action
const updateTableSort = (sort) => {
  return {
    type: 'UPDATE_TABLE_SORT',
    payload: sort,
  };
};

// 在redux的reducer中处理updateTableSort action
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_TABLE_SORT':
      return {
        ...state,
        tableSort: action.payload,
      };
    // 其他reducer逻辑...
    default:
      return state;
  }
};

// 在表格组件中使用redux的connect函数
import { connect } from 'react-redux';

const TableComponent = ({ tableSort, updateTableSort }) => {
  // 监听表格的排序事件，调用updateTableSort action来更新表格排序状态
  const handleTableSort = (sort) => {
    updateTableSort(sort);
  };

  // 其他表格组件的逻辑...

  return (
    // 表格组件的JSX代码...
  );
};

// 将tableSort属性和updateTableSort action绑定到组件的props上
const mapStateToProps = (state) => {
  return {
    tableSort: state.tableSort,
  };
};

const mapDispatchToProps = {
  updateTableSort,
};

export default connect(mapStateToProps, mapDispatchToProps)(TableComponent);