React Native AsyncStorage非异步函数调用问题求助

问题原因 #

你的GetUUID函数使用了AsyncStorage的回调式异步操作，但函数直接返回了初始生成的id——此时异步的getItem操作还未完成，回调里对id的修改不会影响已经返回的值。后续导出UUID时直接调用GetUUID()，得到的要么是临时生成的初始值，要么是未正确处理的Promise，导致API调用时无法拿到有效UUID。

解决方案 #

1. 重构GetUUID为异步函数 #

改用async/await处理异步操作，确保等待存储操作完成后再返回正确的UUID：

import uuid from "react-native-uuid";
import AsyncStorage from "@react-native-async-storage/async-storage";

export async function GetUUID() {
  try {
    // 先读取已存储的UUID
    const storedId = await AsyncStorage.getItem('uuid');
    if (storedId) {
      return storedId;
    }
    // 无存储值时生成新UUID并保存
    const newId = uuid.v4();
    await AsyncStorage.setItem('uuid', newId);
    return newId;
  } catch (error) {
    console.error('UUID操作失败:', error);
    // 出错时返回临时UUID，保障业务流程
    return uuid.v4();
  }
}

2. 在API调用中异步获取UUID #

因为GetUUID现在是异步函数，调用时必须用await获取实际值，修改testMethod如下：

import { API } from "./api";
import { GetUUID } from "./constants";
import Constants from 'expo-constants';

export async function testMethod(email: string) {
  const version = Constants.manifest.version;
  // 等待UUID获取完成
  const UUID = await GetUUID();
  
  const url = `${API}bookmark/${email}?uuid=${UUID}&v=${version}&p=true`;

  try {
    const res = await axios({
      method: "GET",
      url: url,
      headers: {
        "Content-Type": "multipart/form-data",
        Accept: "multipart/form-data",
      },
    });
    return res.data;
  } catch (error) {
    console.error('API请求失败:', error);
    throw error; // 抛出错误供上层处理
  }
}

注意事项 #

• 不要直接导出const UUID = GetUUID()，这会得到一个Promise对象，必须在需要使用的地方通过await获取实际值。
• 添加错误处理可以避免存储权限不足、AsyncStorage异常等情况导致的业务崩溃。

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