按官方文档实现的React Native AsyncStorage调用出现渲染错误

你触发报错的核心原因是@react-native-async-storage/async-storage库的导出方式为默认导出，你代码里用了错误的命名导入语法，导致拿到的AsyncStorage变量是undefined，调用其getItem方法自然抛出类型错误。

• 首先调整导入语句，将原代码里的导入行替换为默认导入写法：

// 错误写法 ❌
// import { AsyncStorage } from '@react-native-async-storage/async-storage';
// 正确写法 ✅
import AsyncStorage from '@react-native-async-storage/async-storage';

• 若你还未安装该依赖，先执行安装命令：
  npm安装：npm install @react-native-async-storage/async-storage
  yarn安装：yarn add @react-native-async-storage/async-storage
• iOS环境需要额外执行原生依赖关联：进入项目ios目录执行pod install，之后重新编译整个项目运行即可，原有调用逻辑无需修改。

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