如何在Redux中创建另一个包含两个缩减程序的状态来更新状态

// 导入Redux相关库和函数
import { createStore, combineReducers } from 'redux';

// 定义两个缩减程序
const reducer1 = (state = initialState1, action) => {
  // 处理动作对象并返回新状态
  switch (action.type) {
    case 'ACTION_TYPE_1':
      return { ...state, /* 更新状态的逻辑 */ };
    default:
      return state;
  }
};

const reducer2 = (state = initialState2, action) => {
  // 处理动作对象并返回新状态
  switch (action.type) {
    case 'ACTION_TYPE_2':
      return { ...state, /* 更新状态的逻辑 */ };
    default:
      return state;
  }
};

// 合并两个缩减程序
const rootReducer = combineReducers({
  reducer1,
  reducer2,
});

// 创建Redux store
const store = createStore(rootReducer);

// 导入Redux相关库和函数
import { useDispatch, useSelector } from 'react-redux';

// 在组件中使用Redux状态
const MyComponent = () => {
  const dispatch = useDispatch();
  const state1 = useSelector(state => state.reducer1);
  const state2 = useSelector(state => state.reducer2);

  // 更新状态的操作
  const updateState = () => {
    dispatch({ type: 'ACTION_TYPE_1' });
    dispatch({ type: 'ACTION_TYPE_2' });
  };

  return (
    <div>
      {/* 使用状态 */}
      <p>State 1: {state1}</p>
      <p>State 2: {state2}</p>

      {/* 更新状态的按钮 */}
      <button onClick={updateState}>Update State</button>
    </div>
  );
};