javascript - 在 React Native 中使用 async/await 时出错

Question

当尝试在 react-native 中使用 async/await 时，出现以下错误:

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

我的 .babelrc 文件是:

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

Answer 1

您可能只是缺少第 48 行的 async 关键字。

更新您的代码以在 function 关键字之前使用 async 关键字:

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

或者在使用箭头函数时，将async关键字放在参数列表之前:

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

在 JavaScript 中，async 关键字是一个装饰器，它警告运行时附加的附件将使用 await 关键字，因此您总是会看到它们一起使用。这就是为什么您会听到人们将此语法称为 async/await 语法。

简单地说:如果没有async，就不能使用await。

编辑:如果您在类中声明它，那么只需确保您的 syntax is correct :

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