Erreur lors de l'utilisation de async/await dans React Native

Question

Lorsque j'essaie d'utiliser async/await dans react-native, j'obtiens l'erreur suivante :

    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 .babelrc est :

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

Answer 1

Il se peut que vous manquiez le async mot-clé à la ligne 48.

Mettez à jour votre code pour utiliser le async avant le mot-clé function mot-clé :

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

Ou lorsque vous utilisez une fonction de flèche, mettez la touche async avant la liste des paramètres :

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

En JavaScript, le async est un décorateur qui avertit le runtime que l'enceinte attachée utilisera le format await c'est pourquoi vous les voyez toujours utilisés ensemble. C'est pourquoi vous entendrez des personnes se référer à cette syntaxe en tant que async/await la syntaxe.

C'est simple : Vous ne pouvez pas utiliser await sin async .

Edit : Si vous le déclarez à l'intérieur d'une classe, assurez-vous que votre fichier la syntaxe est correcte :

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

Answer 2

Il suffit d'utiliser :

const comp1 = await import('path');