如何在redux reducer中过滤map内部

const initialState = {
  data: [],
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FILTER_MAP':
      // 使用Array的filter方法过滤map内部的数据
      const filteredData = state.data.filter(item => item.property === action.payload);
      return {
        ...state,
        data: filteredData,
      };
    default:
      return state;
  }
};

export default reducer;

export const filterMap = (property) => ({
  type: 'FILTER_MAP',
  payload: property,
});

import React from 'react';
import { connect } from 'react-redux';
import { filterMap } from './actions';

const YourComponent = ({ data, filterMap }) => {
  // 在组件中使用过滤后的数据
  // ...

  return (
    <div>
      {/* 触发过滤操作 */}
      <button onClick={() => filterMap('someProperty')}>
        Filter Map
      </button>
    </div>
  );
};

const mapStateToProps = (state) => ({
  data: state.data,
});

const mapDispatchToProps = {
  filterMap,
};

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