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

Javascript 在React Native中使用async/await时出错,javascript,react-native,babeljs,ecmascript-next,Javascript,React Native,Babeljs,Ecmascript Next,尝试在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 respon

尝试在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
关键字。

更新代码以在
函数
关键字之前使用
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
关键字是一个装饰器,它警告运行时连接的存储模块将使用
wait
关键字,因此您总是可以看到它们一起使用。这就是为什么你会听到人们把这种语法称为
async/await
语法

简单地说:如果没有
async
,就不能使用
wait

编辑:如果要在类中声明此内容,请确保:


希望这有帮助

进行了大量排列组合,并将其删除。添加async还会导致意外的令牌错误,源代码updated@MusicMan,我添加了一个关于语法的注释。希望这有帮助。嘿,谢谢你的帮助,但是下一个错误是babelHelpers类型不是一个函数babelHelpers。typeof(value)未定义要添加到这一点,你不能使你的构造函数
异步。如果您在构造函数中进行了一些设置,那么从那里调用一个异步方法来将逻辑放入。
class MusicTulip extends Component {
    async renderContent() {
        const response = await signIn.isLoggedIn();
    }
 }