React 类属性与 ES6 类属性

IT技术 javascript reactjs
2021-05-26 11:28:37

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

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

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

class Header {
  tagLine = "Super Hero";
}

React 类是否有与 ES6 类不同的特殊语法?

1个回答

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

例子:

class Header {
  tagLine = "Super Hero";
}

console.log(new Header());