はネイティブリアクト：AsyncStorage.getItem（によってフェッチされた値を返す）関数

Question

に私はOrderHistory作業モデルがあります：

showConfirmOrderModal() { 
    alert("booya"); 
    } 

    onBuyButtonPress() { 
    OrderHistory.ordersPlaced().then((amount) => { 
     switch(amount) { 
     case null: 
      this.showConfirmOrderModal(); 
      break; 
     default: 
      this.addToCart(this.state.currentOrder); 
     } 
    }); 
    } 

があります：

import { AsyncStorage } from 'react-native'; 

const tokenKey = "orderHistory"; 

export default class OrderHistory extends Object { 
    static ordersPlaced() { 
    return AsyncStorage.getItem(tokenKey); 
    } 
} 

、私のコンポーネント内に私はこれを持っていますOrderHistoryモデルのAsyncStorage.getItem()によって返されたPromiseを解決するために.then関数を移動する方法はありますか？私はこのような何かをしようとしたが、それはうまくいきませんでした：

orderhistory：

export default class OrderHistory extends Object { 
    static async ordersPlaced() { 
    AsyncStorage.setItem("myKey", "My value here"); 
    return AsyncStorage.getItem("myKey").then((value) => value); 
    } 
} 

コンポーネント：

onBuyButtonPress() { 
    let blah = OrderHistory.ordersPlaced(); 
    console.log(blah); 
    } 

しかし、それは私が間違っているのは何Promise {_45: 0, _81: 0, _65: null, _54: null}

を出力しますか？

Answer 1

AsyncStorageメソッドは、処理する必要があるPromiseを返します。それがよりよいと.thenコールバック地獄を取り除くようにするには、あなたはまだPromiseを取り、その完了「待って」async/await構文を使用することができます：それはまだ非同期コードである

static async ordersPlaced() { 
    await AsyncStorage.setItem("myKey", "My value here"); 
    const value = await AsyncStorage.getItem("myKey"); 
    //check your value, process it, etc. 
    return value; 
}