React Redux -按2个参数对数组进行排序

import React from 'react';
import { useSelector, useDispatch } from 'react-redux';

const MyComponent = () => {
  const data = useSelector(state => state.data);
  const dispatch = useDispatch();

  const sortArray = () => {
    const sortedArray = [...data].sort((a, b) => {
      // 根据两个参数进行排序
      // 这里假设数组中的每个元素是一个对象，对象有两个属性param1和param2
      if (a.param1 < b.param1) {
        return -1;
      }
      if (a.param1 > b.param1) {
        return 1;
      }
      // 如果param1相等，则根据param2排序
      if (a.param2 < b.param2) {
        return -1;
      }
      if (a.param2 > b.param2) {
        return 1;
      }
      return 0;
    });

    // 更新排序后的数组到Redux状态
    dispatch({ type: 'UPDATE_DATA', payload: sortedArray });
  };

  return (
    <div>
      <button onClick={sortArray}>按参数排序</button>
      {/* 显示排序后的数组 */}
      {data.map(item => (
        <div key={item.id}>{item.param1} - {item.param2}</div>
      ))}
    </div>
  );
};

export default MyComponent;