javascript - implement - js babel online

Error al usar async/await en React Native

Question

Al intentar usar async / await en react-native, obtengo el siguiente error:

    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();

Mi archivo .babelrc es:

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

Answer 1

Es posible que le falte la palabra clave async en la línea 48.

Actualice su código para usar la palabra clave async antes de la palabra clave de function :

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

O cuando use una función de flecha, coloque la palabra clave async antes de la lista de parámetros:

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

En JavaScript, la palabra clave async es un decorador que advierte en tiempo de ejecución que el gabinete adjunto usará la palabra clave await , por lo que siempre los verá juntos. Es por eso que escuchará a las personas referirse a esta sintaxis como sintaxis async/await .

En pocas palabras: no puede usar await sin async .

Editar: si está declarando esto dentro de una clase, solo asegúrese de que su sintaxis sea correcta :

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

¡Espero que esto ayude!