如何将Redux操作传递到2个reducers中以更新React中的状态？

// reducers.js
import { combineReducers } from 'redux';

// 第一个reducer，处理用户信息的更新
const userReducer = (state = {}, action) => {
  switch (action.type) {
    case 'UPDATE_USER':
      return { ...state, ...action.payload };
    default:
      return state;
  }
};

// 第二个reducer，处理应用程序的主题设置
const themeReducer = (state = 'light', action) => {
  switch (action.type) {
    case 'UPDATE_THEME':
      return action.payload;
    default:
      return state;
  }
};

// 将两个reducers组合成一个根reducer
const rootReducer = combineReducers({
  user: userReducer,
  theme: themeReducer,
});

export default rootReducer;

// actions.js
// 定义Redux操作的action creators
export const updateUser = (userInfo) => ({
  type: 'UPDATE_USER',
  payload: userInfo,
});

export const updateTheme = (theme) => ({
  type: 'UPDATE_THEME',
  payload: theme,
});

// App.js
import React from 'react';
import { connect } from 'react-redux';
import { updateUser, updateTheme } from './actions';

const App = ({ user, theme, updateUser, updateTheme }) => {
  // 使用Redux中的状态
  // ...

  // 更新Redux状态的操作
  const handleUpdateUser = () => {
    const userInfo = { name: 'John', age: 25 };
    updateUser(userInfo);
  };

  const handleUpdateTheme = () => {
    const newTheme = 'dark';
    updateTheme(newTheme);
  };

  return (
    <div>
      {/* 渲染组件 */}
      {/* ... */}

      {/* 触发状态更新的按钮 */}
      <button onClick={handleUpdateUser}>Update User</button>
      <button onClick={handleUpdateTheme}>Update Theme</button>
    </div>
  );
};

// 将Redux状态映射到组件的props
const mapStateToProps = (state) => ({
  user: state.user,
  theme: state.theme,
});

// 将Redux操作映射到组件的props
const mapDispatchToProps = {
  updateUser,
  updateTheme,
};

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