React类属性与ES6类属性

时间:2018-04-30 07:20:24

标签: javascript reactjs

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

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

但是,在ES6类中,无法定义类属性tagLine,如下所示:

class Header {
  tagLine = "Super Hero";
}

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

1 个答案:

答案 0 :(得分:5)

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

示例:

class Header {
  tagLine = "Super Hero";
}

console.log(new Header());