Зачем нужен constructor в react?

Question

[Evgeii]

Здравствуйте. Подскажите своими словами или где можно прочитать доступно для чего нужен constructor в react? В чем будет разница этих двух записей с constructor и без него если все работает так же?

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      books: [
        { name: 'ades', year: 2011 },
        { name: 'lili', year: 2013 },
      ],
      title: 'Hello',
      show: false
    }
  }
}

class App extends Component {
    state = {
     books: [
        { name: 'ades', year: 2011 },
        { name: 'lili', year: 2013 },
      ],
      title: 'Hello',
      show: false
    }
  }

Answer 1

[KnightForce]

Он нужен не в React, а в классе.
В данном случае можно сделать и так и так.

Comments

[Evgeii]

А как узнать когда например без constructor не обойтись? В каких именно случаях он используется?

[abberati]

Evgeii, второй вариант — это class properties syntax. Он «более свежий». Первый применять, когда второй не поддерживается исполняющей средой

[hellcaster]

Evgeii, второй вариант еще официально не поддерживается в JS, но есть большой шанс, что скоро его добавят в стандарт. Сейчас этот код работает, потому что у вас корректно накроенный Babel

[Evgeii]

То есть как я понял они работают идентично в коде и constructor применяется при плохой поддержке второго варианта который без него и по сути я везде могу писать с constructor для надежности.

[Yustas Alexu]

Evgeii, в коде это работает не так, babel преобразует es6 в es5 как минимум, после транформации там конструктора вообще не будет.

var App = /*#__PURE__*/ (function(_Component) {
  _inheritsLoose(App, _Component);

  function App(props) {
    var _this;

    _this = _Component.call(this, props) || this;
    _this.state = {
      books: [
        {
          name: "ades",
          year: 2011
        },
        {
          name: "lili",
          year: 2013
        }
      ],
      title: "Hello",
      show: false
    };
    return _this;
  }

  return App;
})(Component);

[KnightForce]

coustructor нужен когда вы хотите обработать входящие параметры в класс.

Answer 2

[Егор Живагин]

Конструктор нужен, если вам нужно что-то сделать один раз при первом вызове компонента. Например, ранее в конструкторе реакт компонентов делали биндинги методов класса, чтобы указать им контекст.

Если вам нужно просто объявить стейт, вызывать конструктор - это, чаще всего, избыточно.

Это в дополнение к тому, о чём вам уже написали. Я бы вам советовал почитать про конструктор в ООП вообще, не ограничиваться реакт компонентами