箭头函数作为类属性使用 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。

Answer 2

正如@illiteratewriter 建议的，Stage 0 preset 支持类属性。暂时支持到Stage 2 preset：

提案现在必须另外有该功能的语法和语义的正式描述（使用 ECMAScript 规范的正式语言）。描述应尽可能完整，但可以包含待办事项和占位符。该功能需要两个实验性实现，但其中一个可以在 Babel 等转译器中。