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!