为什么我得到了承诺而不是对象？

Question

与React-Native项目合作，我决定根据官方文档为 AsyncStorage 编写一个允许使用对象的小型服务

    import {AsyncStorage} from "react-native-web";


        export async function getUserFromStore() {
            try {
                const user = await AsyncStorage.getItem('userData');

                return  JSON.parse(user);
            } catch (error) {
                console.log('ERROR. Trying to get user data to store, got  ', error)
            }
        } 

export async function saveUserToStore(data) {
    await AsyncStorage.setItem(
        'userData',
        JSON.stringify(data),
        (error) => {
            console.log('ERROR. Trying to set user data to store, got ', error)
        }
    );
}

我在登录期间设置用户数据对象。我正在进入主要组件以决定要呈现的内容

const AppStackScreen = () => (
        <AppStack.Navigator>
            <AppStack.Screen name="Tabbed" component={TabsScreenNavigationScreen} />
        </AppStack.Navigator>
    );

export default () => {
    const user = AsyncStoreService.getUserFromStore();

    console.log('GOT USER', user)
    return (
        <NavigationContainer>
            {user ?
                <AppStackScreen/>
                :
                <AuthStackNavigationScreen/>
            }
        </NavigationContainer>
    )
};

所以我需要得到像这样的对象{name: 'John', mail: 'john@mail.loc}，但我得到的不是这个，而是Promise{[[PromiseStatus: 'resolved']], [[PromiseValue: {name: 'John', mail: 'john@mail.loc}]]} 为什么会发生以及为什么我没有使用用户参数获取对象

Answer 1

函数 getUserFromStore 是异步的，异步函数的返回值是一个 Promise。您需要解决该承诺才能获得价值。