Unexpected error with state={} in react class component

Hey there,

I’m getting the following error:

/Users/tnrich/Sites/treeview/Comp.js:10:7: Unexpected token (10:7)                     elDigestEnzymes });
> 10 |   state={
     |        ^

from the following piece of code

export default class Ladder extends React.Component {
  state={
    highlightedFragment: undefined 
  }

The following code works and does the same thing, but I’d like to be able to do the top version.

export default class Ladder extends React.Component {
  // constructor(props) {
  //   super(props);
  //   this.state = { highlightedFragment: undefined };
  // }

Does anyone know which babel transform I need to enable to get this to work? Thanks!

[devongovett]

https://babeljs.io/docs/plugins/transform-class-properties/

[DimaLiLongJi]

I think you should use super() in constructor() {} before you use this when u extend a class. In react docs, it’s

 constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }