React Native集成Redux报错：无法在Connect(App)中找到store

这个报错本质是被connect包裹的App组件无法从上下文或props中获取Redux store，Redux要求所有使用connect的组件必须在Provider组件的范围内，这样才能通过React Context拿到store。下面一步步帮你修复：

第一步：确保正确创建并导出Redux Store #

首先你需要有一个初始化好的store（如果还没创建，先做这一步）：

创建一个store.js文件（或者直接在App.js里写）：

import { createStore } from 'redux';
// 导入你的根reducer（如果没有，先创建reducer文件）
import rootReducer from './reducers';

// 初始化store，传入根reducer，也可以加中间件（比如redux-thunk）
const store = createStore(
  rootReducer,
  // 如果需要开发者工具，可加上这行（仅开发环境）
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

export default store;

第二步：用Provider包裹你的根组件 #

回到你的App.js，要确保Provider是整个应用的最外层容器，并且把创建好的store传给它的store属性：

import React, { Component } from 'react';
import { View, Text } from 'react-native';
// 从react-redux导入Provider和connect
import { Provider, connect } from 'react-redux';
// 导入刚才创建的store
import store from './store';

// 你的原始App组件
class App extends Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>你的应用内容</Text>
      </View>
    );
  }
}

// 如果你需要映射state或dispatch到props，定义对应的函数
const mapStateToProps = (state) => {
  return {
    // 比如：user: state.user
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    // 比如：fetchData: () => dispatch(fetchDataAction())
  };
};

// 用connect包裹App组件
const ConnectedApp = connect(mapStateToProps, mapDispatchToProps)(App);

// 关键：导出被Provider包裹的ConnectedApp
export default () => (
  <Provider store={store}>
    <ConnectedApp />
  </Provider>
);

常见错误排查 #

• 导入错误：确保Provider是从react-redux导入的，而不是redux本身。
• 层级错误：Provider必须包裹所有使用connect的组件，不能把ConnectedApp放在Provider外面。
• store未正确传入：检查Provider的store属性是否确实传入了初始化好的store对象，而不是undefined。
• 语法错误：如果你的代码里connect的部分没写完（比如你贴的代码里co...），要确保connect的调用是完整的，比如connect(mapState, mapDispatch)(App)，不能有语法缺失。

内容的提问来源于stack exchange，提问作者0xAnakin