errore utilizzando async/attendono in React Native

Question

Quando si tenta di utilizzare async/attendono in reagiscono-native, sto ottenendo il seguente errore:

uncaught error Error: SyntaxError: /Users/senthilsivanath/Documents/MusicTulip/index.ios.js: Unexpected token (50:23) 
    48 | renderScene: function(route,nav) { 
    49 |  try { 
    50 |   const response = await signIn.isLoggedIn(); 

Il mio file .babelrc è:

{ "presets": ["react-native", "es2015", "babel-preset-stage-3"] } 

Answer 1

Potrebbe mancare semplicemente la parola chiave async alla riga 48.

Aggiornare il codice per utilizzare il async ke yword prima della parola chiave function:

renderScene: async function(route, nav) { 
    try { 
     const response = await signIn.isLoggedIn(); 
     // ... 

o quando si utilizza una funzione di freccia, mettere la parola chiave async prima della lista dei parametri:

renderScene: async (route, nav) => { 
     try { 
      const response = await signIn.isLoggedIn(); 

In JavaScript, la parola chiave async è un decoratore che avverte il runtime che il contenitore allegato utilizzerà la parola chiave await, quindi le vedrai sempre usate insieme. Ecco perché sentirai che le persone si riferiscono a questa sintassi come la sintassi async/await.

In poche parole: Non è possibile utilizzare await senza async.

Edit: Se si dichiara questo all'interno di una classe, poi basta essere sicuri che il vostro syntax is correct:

class MusicTulip extends Component { 
    async renderContent() { 
     const response = await signIn.isLoggedIn(); 
    } 
} 

Spero che questo aiuti!