インポートからasync関数を呼び出す方法は？

Question

私はAsyncStorageからlang varを得るために、この非同期コード関数を持っています。そして、私はこの機能を構造（？）メソッドのすべてのアプリページで呼びたいと思います。しかし、私はそれを呼び出そうとすると、コードが同期しているように見え、私のloadedLangは= {_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" 
        }; 
       } 

languageLoad.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コンストラクタを非同期にすることはできません。したがって、コードを再構成して別々に動作させることになります。データをコンストラクタの外部にロードするか、データをロードして格納するコンストラクタ内で非同期の自己実行非同期関数をコンストラクタで実行します。もちろん、クラスの残りの部分は、データがそこにないかもしれないという事実を扱う必要があります。