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

为什么作为箭头函数的方法在react类中工作,而不是在普通类中?

arrow-functions es6-class ecmascript-6 reactjs javascript

UtkarshPramodGupta · 技术社区 · 6 年前

我们可以将组件类的方法声明为箭头函数,如下所示:

class SomeComponent extends React.Component {
  someMethod = () => { // <<----- This does not throw error
    // some code
  }
}

…这不会引发任何错误,但下面会:

class SomeNormalClass {
  someMethod = () => { // <<----- This throws error
    // some code
  }
}

上面说出乎意料 = someMethod . 如果我换了我的 某种方法

class SomeNormalClass {
  function someMethod() { // <<----- This works fine
    // some code
  }
}

2 回复 | 直到 6 年前

ya.ymer 6 年前

你的 someMethod 在第一个例子中是类的属性,而不是方法。BabelJS支持类中的属性,但原生js不支持。 here . 你应该在 constructor 香草JS。

Estus Flask 6 年前

someMethod = () => {...} stage 3 proposal 它不是本地支持的,需要由transpiler(Babel)改造; someMethod 类字段是构造函数代码的语法糖:

constructor() {
  this.someMethod = () => {
    // some code
  }
}

推荐文章

James · 是否可以使用onClick在React中以较短的方式编写?

2 年前

Basti · 使用箭头函数将数组缩小为对象

6 年前

Skarlinski · 为什么将箭头函数体括在括号中

6 年前

Abulurd · PHP是否支持Arrow函数语法?

6 年前

Jyotirmaya Prusty · ES6箭头函数到普通JS转换[重复]

6 年前

Julius DzidzeviÄius · 在arrow函数[重复]中使用ComputedPropertyName创建对象文字

7 年前

LudvigH · 箭头样式用户定义的类型保护?

7 年前

Jason · 如果数组值包含一些字符串,如何过滤它

7 年前

Andrew Christopher · 为什么这个箭头功能会工作?

7 年前

ESS · 如何删除此代码中ES6箭头函数的使用

7 年前