Дополнительная информация о методах жизненного цикла React

Question

Я действительно работаю над React, и я хочу консолидировать свои знания на нем. Начиная с методов жизненного цикла:

• getDefaultProps:
  свойства обоих getDefaultProps и родителя являются консолидироваться здесь в this.props как и свойства теперь готовы потребляться «getInitialState»

• getInitialState:
  this.props используются для установки состояния компонента. Теперь компонент готов к работе

• componentWillMount: что мы можем сделать внутри?

• оказывают:
  самостоятельно объяснить

• componentWillMount:
  мы можем сделать некоторые действия для очистки компонента

componentWillMount, кажется излишеством? Как вы думаете?

Answer 1

Изменения состояния в компонентеWillMount не будут вызывать дополнительный рендеринг, поэтому это место для дополнительной инициализации состояния на основе переданных реквизитов. В данной статье описываются методы жизненного цикла: https://facebook.github.io/react/docs/component-specs.html

P.S. И еще одна статья о государственной инициализации, что может быть полезно, так как вы упомянули инициализирует состояние из реквизита: https://facebook.github.io/react/tips/props-in-getInitialState-as-anti-pattern.html

Answer 2

Мой ответ предполагает вашу пулю после того, как render должен был быть componentDidMount.

Большая разница между двумя

• componentWillMount вызывается перед компонент делает. Все, что нужно сделать перед рендерингом, должно существовать в этой функции (начальные вызовы для извлечения данных, инициализации внутренних структур и т. Д.).
• componentDidMount вызывается после отображения компонента. Поскольку компонент теперь добавлен в дерево DOM, можно выполнить любую дополнительную манипуляцию DOM. Возможно, вы можете отключить события, уведомляющие остальную часть приложения о том, что компонент визуализирован, или добавить элемент в дерево нереакций DOM.