代码之家 › 专栏 › 技术社区 › 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中实现。

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

5 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

6 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

6 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

6 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

6 月前

noblerare · Vite错误-未定义导出(SSR)

6 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

6 月前