代码之家 › 专栏 › 技术社区 › isar

使用Babel将Arrow函数用作类属性

ecmascript-next babeljs class reactjs javascript

isar · 技术社区 · 7 年前

有人能解释一下React中的Babel是如何支持fat arrow作为类属性的吗? 使用巴别塔 Try it out 我可以看出它们不受支持:

class Question {

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

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

}

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

我可以看到使用TypeScript的方法和属性之间的区别 Playground 但我不清楚巴贝尔是否支持他们。有插件吗?

更新时间:
我可以看到,他们支持使用 "babel-preset-stage-0" 。

2 回复 | 直到 7 年前

GG. 7 年前

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

请注意,此插件也包含在

所以,如果你使用其中一个,你不需要安装 babel插件转换类属性 你自己去吧。

isar 7 年前

正如@文盲作家建议的那样,支持类属性 Stage 0 preset . 目前,他们的支持期限为 Stage 2 preset :

该提案现在还必须对该特性的语法和语义进行正式描述(使用ECMAScript规范的正式语言)。描述应尽可能完整,但可以包含TODO和占位符。该特性需要两个实验性实现,但其中一个可以在Babel之类的transpiler中实现。

推荐文章

Nwerx_user · 在C#中,如何在不使用static关键字的情况下使用类外的方法?

4 月前

iasonas · 如何检查自定义注释?

4 月前

NaturalDemon · 无法使用嵌套类、指针将类型为“test_nested*”的右值(又名“test::test_nester*”)的“test_nest*”类型的变量初始化

5 月前

Norbert Horváth · Dafny中使用PriorityQueue的Dijkstras算法

5 月前

Svyat · 如何创建一个类设置,其中两个类各包含另一个类的实例?

5 月前

Mark · 实现抽象类

5 月前

F-22 Destroyer · 遇到super()问题

9 月前

Nick X Tsui · 当使用带有std::map()[复制]的智能指针时,调用隐式删除的复制构造函数

9 月前

simply lemon · python上链表的添加方法

9 月前

Minty · 自定义类中使用numpy数组进行左加法/右加法的不同行为

10 月前