CODEWITHSUNDEEP
javascriptreactjs
Siva B
Siva B

Reputation: 67

React class properties vs ES6 class properties

In React 16.2, class properties can be defined like this, see tagLine:

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

However, in ES6 class, defining class property tagLine is not possible as shown below:

class Header {
  tagLine = "Super Hero";
}

Does React class has a special syntax which is different from ES6 class?

Upvotes: 1

Views: 137

Answers (1)

Ori Drori
Ori Drori

Reputation: 191976

React classes are standard ES6 classes. Class fields are a stage 3 proposal - proposal-class-fields, and you need a transpiler (babel) to use it.

Example:

class Header {
  tagLine = "Super Hero";
}

console.log(new Header());

Upvotes: 5

Related Questions