如何在react项目中多过滤redux状态？

const initialState = {
  filters: {
    filter1: '',
    filter2: '',
    // 添加更多的过滤条件...
  },
  // 其他的状态变量...
};

const updateFilters = (filterName, filterValue) => {
  return {
    type: 'UPDATE_FILTERS',
    payload: {
      filterName,
      filterValue,
    },
  };
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_FILTERS':
      return {
        ...state,
        filters: {
          ...state.filters,
          [action.payload.filterName]: action.payload.filterValue,
        },
      };
    // 处理其他的action...
    default:
      return state;
  }
};

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

const MyComponent = ({ filters, updateFilters }) => {
  // 处理过滤条件的变化
  const handleFilterChange = (filterName, filterValue) => {
    updateFilters(filterName, filterValue);
  };

  // 渲染组件...
};

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

const mapDispatchToProps = {
  updateFilters,
};

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