reactjs - 当我尝试访问从异步方法返回的值时，为什么会得到一个未定义的输出

Question

我有以下方法，它在名为 localStorage 的不同文件中返回一个具有 3 个字段的对象：

    const getUserProfileData = async () => {
    try {
        await AsyncStorage.getItem(CONSTANTS.USER_PROFILE).then((item) => {
        let retrievedProfile = JSON.parse(item);
        return retrievedProfile;
        });
    } catch (e) {
        throw e;
    }
    };

这是我的文件 profile.js：

  useEffect(() => {
    const retrieveProfileData = async () => {
      let retProfile = await localStorage.getUserProfileData();
      console.log("check what:  ",retProfile);
    };
    retrieveProfileData();
  }, []);

在使用效果中，当我尝试注销结果时，我得到以下输出：

check what:   undefined

我已经阅读了其他类似问题的论坛，但我似乎没有注意到我哪里出错了？

标签： reactjsreact-nativees6-promiseasyncstorage

Answer 1

    const getUserProfileData = async () => {
        return AsyncStorage.getItem(CONSTANTS.USER_PROFILE);
    };

    useEffect(() => {
    const retrieveProfileData = async () => {
        try {
        let retProfile = JSON.parse(await localStorage.getUserProfileData());
        console.log("check what:  ",retProfile);
        } catch (error) {
            // handle error
        }
    };
    retrieveProfileData();
    }, []);