Как использовать AsyncStorage.setItem в обратном вызове fetch?

Question

Я получил синтаксическую ошибку в своем коде.

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

Ошибка Неожиданный маркер на await AsyncStorage.setItem(STORAGE_KEY, responseText); Я предполагаю, что это жалуется await

Answer 1

Для каждого ждать вам нужны асинхры.

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 getJSON() { 
    try { 
     var response = await fetch(url); 
     var responseText = response.text(); 
     await AsyncStorage.setItem(STORAGE_KEY, responseText); 
    } catch(error) { 
     console.warn(error); 
    } 
}