React Native中单个屏幕组件能否连接多个Redux reducer？

当然可以！这在Redux状态管理里是非常常规的操作，完全没问题。

其实核心思路很简单：Redux通过combineReducers把多个独立的reducer合并成一个根reducer，之后你的应用状态就会被分成不同的“切片”，每个切片对应一个reducer负责的领域。而你的屏幕组件完全可以在mapStateToProps里同时获取多个切片的状态。

举个实际的例子：

1. 首先合并多个reducer

import { combineReducers } from 'redux';
// 导入各个独立的reducer
import userReducer from './modules/userReducer';
import cartReducer from './modules/cartReducer';
import themeReducer from './modules/themeReducer';

// 合并成根reducer，每个reducer对应根状态的一个属性
const rootReducer = combineReducers({
  user: userReducer,
  cart: cartReducer,
  theme: themeReducer
});

export default rootReducer;

2. 在屏幕组件的mapStateToProps中获取多个reducer的状态

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

const mapStateToProps = (state) => {
  return {
    // 从user reducer对应的状态切片里取数据
    userProfile: state.user.profile,
    // 从cart reducer对应的状态切片里取购物车列表
    cartList: state.cart.items,
    // 从theme reducer对应的状态切片里取当前主题配置
    activeTheme: state.theme.config
  };
};

// 连接组件和Redux store
export default connect(mapStateToProps)(ProfileScreenComponent);

这样你的屏幕组件就能同时拿到来自user、cart、theme三个reducer的状态数据了。这种方式不仅符合Redux“单一数据源、状态分片管理”的设计理念，还能让组件按需获取所需的所有状态，非常灵活。

内容的提问来源于stack exchange，提问作者Graig Peru