javascript - React 类属性与 ES6 类属性

Question

在 React 16.2 中，类属性可以这样定义，参见 tagLine:

class Header extends React.Component {
 tagLine = "Super Hero";
 render() {
   ....
 }
}

但是，在 ES6 类中，定义类属性 tagLine 是不可能的，如下所示:

class Header {
  tagLine = "Super Hero";
}

React 类是否有不同于 ES6 类的特殊语法？

Answer 1

React 类是标准的 ES6 类。类字段是第 3 阶段提案 - proposal-class-fields , 你需要一个转译器 ( babel ) 来使用它。

示例:

class Header {
  tagLine = "Super Hero";
}

console.log(new Header());