使用箭头函数反应组件方法绑定（类属性）

Question

我听说这是定义函数的酷方法，而不是在构造函数中绑定它们：

class Comp extends React.Component {
    delete = id => {

    }

    render() {}
}

但是当我尝试构建时，我得到：

模块构建失败：SyntaxError：意外的令牌（7:15）

删除后

指向等号

我缺少什么？

Answer 1

此功能需要额外的babel插件：

https://www.npmjs.com/package/babel-plugin-transform-class-properties

Answer 2

要按照您的方式定义类属性，您需要激活实验性babel功能transform-class-properties 。这允许您将类似arrrow函数的表达式赋给类属性：

class Bork {
    //Property initializer syntax
    instanceProperty = "bork";
    boundFunction = () => {
      return this.instanceProperty;
    }

    //Static class properties
    static staticProperty = "babelIsCool";
    static staticFunction = function() {
      return Bork.staticProperty;
    }
  }

请注意，this feature 尚未成为ECMAScript规范的一部分，并且可能会在将来发生变化。