フェッチコールバックでAsyncStorage.setItemを使用する方法？

Question

私のコードに構文エラーがあります。

async getJSON() { 
    await fetch(url) 
     .then((response) => response.text()) 
     .then((responseText) => { 
     await AsyncStorage.setItem(STORAGE_KEY, responseText);   
     }) 
     .catch((error) => { 
     console.warn(error); 
     }); 
    }, 

エラーは、私はあなたが非同期を必要と待つことはすべてのためにawait

Answer 1

を文句だと思うawait AsyncStorage.setItem(STORAGE_KEY, responseText); に予期しないトークンです。

async getJSON() { 
    await fetch(url) 
     .then((response) => response.text()) 
     .then(async (responseText) => { // <-- add async here 
     await AsyncStorage.setItem(STORAGE_KEY, responseText);   
     }) 
     .catch((error) => { 
     console.warn(error); 
     }); 
    }, 

また、async/awaitのポイントは、実際に非同期のときにコードのルックを同期させることです。あなたは、このような上記のコードを書き換えることができます。

async getJSON() { 
    try { 
     var response = await fetch(url); 
     var responseText = response.text(); 
     await AsyncStorage.setItem(STORAGE_KEY, responseText); 
    } catch(error) { 
     console.warn(error); 
    } 
}