Guest User

Untitled

a guest
Mar 20th, 2018
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.85 KB | None | 0 0
  1. Life cycle component
  2. 1) mount (создание)
  3. 2) change (изменения которые происходят с компонентом)
  4. 3) unmount (уничтожение)"
  5.  
  6. first render component
  7. - getDefaultProps - при инициализации класса
  8. - getInitialState - когда компонент создан, первый вызывается, определяет начальное состояние
  9. - componentWillMount(запускается на сервере) - метод, перед тем как компонент появиться в дом дереве, что-то сделать с компонентом до его рендера
  10. - render - возвращает виртуальный дом
  11. - componentDidMount(за прускается на клиенте, так как уже в доме) - вызывается после того как компонент есть в доме"
  12.  
  13. lifecycle component when props change
  14. - componentWillReceiveProps - когда компонент получит пропс, приходит обьект с нвоыми пропсами, еще не пришли но прийдут (nextProps)
  15. - shouldComponentUpdate - возвращает тру или фолс, нужно компонент перерендить или не, еру надо, фолс нет, по умолчанию тру (nextProps, nextState), производительность можно не делать перерндре при помощи него, форс - то прекратили цепочку и дальше ничего не происходит, если тру то вызывается componentWillUpdate
  16. - componentWillUpdate - вызывается перед рендером, сравнить как поменялись пропсы, провести подготовительные работы как компонент был обновлен (nextProps, nextState)
  17. - render - рендер нового виртуал дерева
  18. - componentDidUpdate - компонент уже обновился (prevProps, prevState), изменнеия уже все применены и можно спокойно дальше обращатся с жизнью компонента"
  19. State change
  20. 2й способ вызова рендера, вызов рендера, при помощи вызова стейта, изменить стейт, тоже самое что и с пропсами методы"
  21. - shouldComponentUpdate
  22. - componentWillUpdate
  23. render
  24. - componentDidUpdate"
  25. - componentWillUnmount
  26. вызывается перед тем как компонент будет удален из дом дерева, произвести уборку - убрать ссылки"
Add Comment
Please, Sign In to add comment