javascript - 无法在 React 组件的 let/var 中存储箭头函数

标签 javascript reactjs ecmascript-6 jsx babeljs

我在react中有一个由extends定义的组件React.Component。它的内部以及渲染方法是:

constructor(props, context) {
    super(props, context);

    this.state = {
        open: false,
    };
}

handleClose = () => { //this works
    this.setState({open: false});
};

handleOpen = () => { //this works
    this.setState({open: true});
};

let empty = () => {}; // does not work, error  Parsing error:      Unexpected token

如果我在任何箭头函数前面加上 let 或 const 前缀,我似乎会遇到意外的标记错误。我在这里遗漏了什么吗?

谢谢

最佳答案

阅读babel documentation关于类(class)。使用 letconst 不是 ES6 类定义可能前缀的一部分

关于javascript - 无法在 React 组件的 let/var 中存储箭头函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37838756/

相关文章:

javascript - 是否可以将对象解构为现有变量?

javascript - addEventListener 取决于 setTimeout

reactjs - React-Test-Render调用组件方法

javascript - es6 数组返回满足特定条件的所有项目,或者如果所有项目都满足条件则返回第一个项目

reactjs - 将 font-awesome 添加到 React 项目时出错

通过 Ruby Gem Devise 进行 JavaScript React 身份验证?

javascript 将数字与对象键进行比较并获取最小的值

javascript - 将值传递给 FillRect

javascript - jquery 方法不是从 Angular 回调调用?

javascript - 使用 php 下载 .js 文件