react-navigation v4升级v6后getStateForAction为undefined如何解决

1. react-navigation从v5版本开始就废弃了原有的getStateForAction API，同时导航器组件不再直接暴露router属性，你当前的代码仍然沿用v4版本的redux集成写法，调用不存在的属性和方法自然触发报错。
2. 你当前导出的AppNavigation是直接返回<NavigationContainer>的React组件，本身就不挂载router属性，所以访问AppNavigation.router必然返回undefined，最终触发你遇到的类型错误。

• 第一步：拆分导航配置和根导航容器，把路由配置单独抽离，不要将导航配置和<NavigationContainer>写在同一个导出组件里：

// Navigation/RootNavigator.js
import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
// 导入你自己的loginFlow、mainFlow组件
const Stack = createStackNavigator();

export const RootNavigator = () => {
  return (
    <Stack.Navigator initialRouteName="loginFlow">
      <Stack.Screen name="loginFlow" component={loginFlow} />
      <Stack.Screen name="mainFlow" component={mainFlow} />
    </Stack.Navigator>
  );
};

// 导出全局导航引用，用于直接访问导航状态
export const navigationRef = React.createRef();

• 第二步：修改AppNavigation.js，仅保留根导航容器逻辑：

// AppNavigation.js
import { NavigationContainer } from '@react-navigation/native';
import { RootNavigator, navigationRef } from './RootNavigator';

export default function AppNavigation() {
  return (
    <NavigationContainer ref={navigationRef}>
      <RootNavigator />
    </NavigationContainer>
  );
}

• 第三步：替换原有redux导航reducer逻辑，v6版本不再支持getStateForAction写法，如果你确实需要把导航状态同步到redux，先安装@react-navigation/redux-helpers依赖包，再修改reducer代码：

import { createNavigationReducer } from '@react-navigation/redux-helpers';
import { RootNavigator } from '../Navigation/RootNavigator';

export const reducer = createNavigationReducer(RootNavigator);

如果没有强需求必须把导航状态存在redux，更推荐你直接用navigationRef.current.getRootState()方法按需获取当前导航状态，这是v6版本官方更推荐的轻量方案，不需要额外集成redux。

• 第四步：排查所有业务代码中直接读取v4版本导航状态字段的逻辑，v6版本的导航状态结构和v4完全不同，相关读取逻辑需要同步适配修改。

非必要场景不推荐将导航状态存储到redux，直接通过全局navigationRef访问导航状态的维护成本更低，也更符合react-navigation v6的设计理念。

内容的提问来源于stack exchange，提问作者Rohit Aggarwal