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

当试图在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"] }

解决方法:

您可能只是在第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语法.

简单地说：你不能在没有异步的情况下使用等待.

编辑：如果你在课堂上声明这个,那么请确保你的syntax is correct：

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

希望这可以帮助！

标签：ecmascript-next,javascript,react-native,babeljs
来源： https://codeday.me/bug/20190930/1834971.html