ReactJs Redux:在决定redux状态(在map、filter等函数之后)时，如何从数组中删除重复的对象(具有重复值)？

// 定义reducer
const reducer = (state = { data: [] }, action) => {
  switch (action.type) {
    case 'REMOVE_DUPLICATES':
      // 使用reduce方法去重数组
      const uniqueArray = action.payload.reduce((acc, obj) => {
        // 使用对象的某个属性作为唯一标识，比如id
        if (!acc[obj.id]) {
          acc[obj.id] = true;
          acc.data.push(obj);
        }
        return acc;
      }, { data: [] });

      return { ...state, data: uniqueArray.data };
    default:
      return state;
  }
};

// 创建store
const store = createStore(reducer);

// 在组件中使用Redux的connect函数连接store和组件
const MyComponent = ({ data, removeDuplicates }) => {
  // 调用removeDuplicates action来触发去重操作
  const handleRemoveDuplicates = () => {
    removeDuplicates(data);
  };

  return (
    <div>
      <button onClick={handleRemoveDuplicates}>Remove Duplicates</button>
      <ul>
        {data.map(obj => (
          <li key={obj.id}>{obj.name}</li>
        ))}
      </ul>
    </div>
  );
};

// 定义removeDuplicates action
const removeDuplicates = data => ({
  type: 'REMOVE_DUPLICATES',
  payload: data
});

// 使用connect函数连接store和组件
const ConnectedComponent = connect(
  state => ({ data: state.data }),
  { removeDuplicates }
)(MyComponent);