javascript - 箭头函数使用 Babel 作为类属性

Question

谁能解释一下 React 中的 Babel 如何支持将粗箭头函数作为类属性？使用 Babel Try it out我可以看到它们不受支持:

class Question {

  // Property (not supported)
  myProp = () => {
    return 'Hello, world!';
  }

  // Method (supported)
  myFunc() {
    return 'Hello, world!';
  }

}

类属性在 ES6 中不受支持(如果我错了请纠正我)但是在 React(使用 Babel)中它们可以工作。

我可以使用 TypeScript 查看方法和属性之间的区别 Playground但我不清楚 Babel 是否支持他们。有什么插件吗？

更新:
我可以看到使用 "babel-preset-stage-0" 支持它们.

Answer 1

要支持类属性，需要安装并添加babel-plugin-transform-class-properties到您的 .babelrc 的 plugins 设置(或在您的 webpack 配置中)。

注意这个插件也包含在

• babel-preset-stage-0
• babel-preset-stage-1
• babel-preset-stage-2

因此，如果您使用其中之一，则无需自行安装 babel-plugin-transform-class-properties。