我有这个异步代码函数来从 AsyncStorage 获取 lang var。我想在构造(?)方法中的每个应用程序页面上调用此函数。但是当我尝试调用它时,看起来代码是同步运行的,我的loadLang是= { _45: 0, _81: 0, _65: null, _54: null }。如何以正确的方式去做?谢谢。
main.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;
}
最佳答案
async
函数需要使用 await
调用,并且只能从异步函数内部调用。
JS 构造函数不能是异步的。因此,您将不得不重组代码以使其以不同的方式工作。要么在构造函数外部加载数据,要么在构造函数中使用匿名自执行异步函数来加载数据并存储数据。当然,类(class)的其余部分将需要处理数据可能不存在的事实。
关于javascript - 如何从导入调用异步函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43708955/