React Native中Redux Store报错：store.getState()未定义求助

看起来你遇到的问题分为两个核心场景，我来一步步帮你拆解解决：

1. 控制台提示“store is not defined”的原因及修复 #

你在App.js里导入的store是模块内部的局部变量，调试器控制台默认处于全局作用域，所以直接输入store自然找不到它。要让控制台能访问到store，只需在App.js里把store挂载到全局对象上：

// App.js中导入store后添加这一行
import store from "./store/index.js";
global.store = store; // 新增此行，把store暴露到全局作用域

完成后再在控制台输入store.getState()，就能正常获取当前状态了。

2. 代码中调用store.getState()提示“function is not defined”的正确处理 #

虽然直接导入store调用getState()在语法上可行，但这并不是React Redux推荐的最佳实践，还容易出现导入路径错误或作用域问题。正确的做法是通过connect高阶组件来映射store状态到组件props：

示例：用connect连接组件获取state #

假设你有一个需要访问auth状态的组件：

import React from 'react';
import { Text, View } from 'react-native';
import { connect } from 'react-redux';

const ProfileScreen = ({ auth }) => {
  // 直接通过props使用store中的auth状态
  return (
    <View>
      <Text>当前用户：{auth.userName}</Text>
    </View>
  );
};

// 映射store状态到组件props
const mapStateToProps = (state) => ({
  auth: state.auth, // 对应你store中auth reducer的状态
  // 可按需添加其他状态，比如points: state.points
});

// 用connect包裹组件，使其能访问store状态
export default connect(mapStateToProps)(ProfileScreen);

如果确实需要在组件外部（比如工具函数）直接调用store.getState()，请务必确保导入路径正确：

// 注意根据文件层级调整导入路径
import store from '../store/index.js';

const currentAuthState = store.getState().auth;

额外的优化建议 #

• 你的store创建可以结合redux-devtools-extension提升调试体验，修改store/index.js中的createStore部分：

const store = createStore(
  rootReducer,
  initialState, // 传入你定义的initialState
  composeWithDevTools(applyMiddleware(logger)) // 用composeWithDevTools包裹中间件
);

• 检查你的reducer是否正确返回初始状态，这能确保store初始化时有合理的默认值。

内容的提问来源于stack exchange，提问作者Wojciech Nowaczyk