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

在React中使用Redux进行状态管理时，可以通过将Redux操作传递到两个reducers中来更新状态。下面是一种常见的做法：

首先，确保你已经安装了redux和react-redux库，并在应用程序的根目录中创建了Redux store。
创建两个reducers，分别处理不同的状态更新逻辑。一个reducer可以处理Redux操作的一部分，而另一个reducer可以处理另一部分。例如，一个reducer可以处理用户信息的更新，而另一个reducer可以处理应用程序的主题设置。
在Redux中，可以使用combineReducers函数将这两个reducers组合成一个根reducer。根reducer将根据action的类型将操作传递给相应的子reducer。
在React组件中，使用react-redux库提供的connect函数将组件连接到Redux store。通过connect函数，可以将Redux操作传递给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);

在上面的示例中，我们创建了两个reducers：userReducer和themeReducer。然后，我们使用combineReducers函数将它们组合成一个根reducer（rootReducer）。在App组件中，我们使用connect函数将Redux状态和操作映射到组件的props，并在组件中使用它们。

这样，当点击"Update User"按钮时，handleUpdateUser函数会调用updateUser操作，将用户信息更新到Redux store中的user状态中。同样地，当点击"Update Theme"按钮时，handleUpdateTheme函数会调用updateTheme操作，将主题设置更新到Redux store中的theme状态中。

这就是如何将Redux操作传递到两个reducers中以更新React中的状态的方法。请注意，这只是一种常见的做法，具体的实现方式可能因项目的需求而有所不同。