Как правильно в es6 компоненте задать initial state?

Question

[Андрей]

class MyComponent extends Component {
  constructor() {
    super()
    this.state = { number: 0 }
  }
}

VS

class MyComponent extends Component {
  this.state = { number: 0 }
}

есть разница? какой вариант лучше использовать?

Answer 1

[Hellas]

В чём разница между constructor и просто state?

Comments

[Андрей]

извиняюсь за дублирование

Answer 2

[Islam Ibakaev]

если нет методов, которые нужно привязать в конструкторе, то можно и так

class MyComponent extends React.Component {

  static propTypes = {}

  static defaultProps = {}

  state = { number: 0 }

  componentDidMount() {}

  method1() {}

  // et cetera
}

Answer 3

[UsulPro]

Вот пример из официального руководства

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}