React Native中Async Storage调用setItem无报错但数据未保存如何解决

问题原因 #

• 异步语法混用：AsyncStorage.setItem 同时使用了await Promise语法和回调函数，两种异步处理逻辑冲突导致执行异常，无报错但存储未生效。
• 参数缺失：调用store()时未传入需要存储的uniqueId入参，JSON.stringify(undefined)得到空值，写入空值会让你误以为存储逻辑失效。
• 读取逻辑错误：AsyncStorage.getItem是异步方法，未加await直接打印只会输出Promise实例，无法得到实际存储的内容，无法验证存储是否成功。

修正后代码 #

import AsyncStorage from '@react-native-async-storage/async-storage';

const store = async (uniqueId) => { 
  const jsonValue = JSON.stringify(uniqueId)
  try {
    // 仅保留await异步处理逻辑，移除回调函数
    await AsyncStorage.setItem("@user", jsonValue);
    // 读取存储内容必须加await等待异步执行完成
    const savedValue = await AsyncStorage.getItem("@user")
    console.log("已存储的值: " , savedValue)
  } catch (e) {
    console.log("存储/读取报错: ", e) 
  }
}
// 传入实际需要存储的deviceId参数即可
store('替换为你的真实deviceId')

额外排查点 #

如果修改代码后依然无法正常存储，可按以下顺序排查：

• 确认已完成依赖安装，原生项目（非Expo）需确认依赖自动链接成功，安卓iOS构建前可先清理项目缓存后重新构建
• 清空应用本地存储缓存后重试，避免之前的异常存储数据影响
• 更换存储key值测试，避免当前key与其他已存在的存储项冲突

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