javascript - 如何从导入调用异步函数？

Question

我有这个异步代码函数来从 AsyncStorage 获取 lang var。我想在构造(？)方法中的每个应用程序页面上调用此函数。但是当我尝试调用它时，看起来代码是同步运行的，我的loadLang是= { _45: 0, _81: 0, _65: null, _54: null }。如何以正确的方式去做？谢谢。

ma​​in.js

import load from "./components/languageLoad"
               constructor(props) {
                    super(props);

                    let loadedLang = load();
                    console.log("LOADED", loadedLang);

                    this.state = {
                        settings: 1,
                        deviceLocale: "EMPTY"
                    };
                }

语言加载.js

import React, { Component } from 'react';
import { AsyncStorage} from 'react-native';
import Lang from 'react-native-i18n'

export default load = async () => {
            try {
                const customLang = await AsyncStorage.getItem('customLang');
                if (customLang !== null && customLang !== undefined && customLang !== "") {
                    deviceLocale = customLang;
                }

            } catch (error) {
                deviceLocale = Lang.locale.split("-")[0] || "uk";
            }
            console.log("------------", deviceLocale, '-------------');
            console.log("------------", Lang.t('aboutAppText') , '-------------');
            Lang.locale = deviceLocale;
            return Lang;
        }

Answer 1

async 函数需要使用 await 调用，并且只能从异步函数内部调用。

JS 构造函数不能是异步的。因此，您将不得不重组代码以使其以不同的方式工作。要么在构造函数外部加载数据，要么在构造函数中使用匿名自执行异步函数来加载数据并存储数据。当然，类(class)的其余部分将需要处理数据可能不存在的事实。