Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Life cycle component
- 1) mount (создание)
- 2) change (изменения которые происходят с компонентом)
- 3) unmount (уничтожение)"
- first render component
- - getDefaultProps - при инициализации класса
- - getInitialState - когда компонент создан, первый вызывается, определяет начальное состояние
- - componentWillMount(запускается на сервере) - метод, перед тем как компонент появиться в дом дереве, что-то сделать с компонентом до его рендера
- - render - возвращает виртуальный дом
- - componentDidMount(за прускается на клиенте, так как уже в доме) - вызывается после того как компонент есть в доме"
- lifecycle component when props change
- - componentWillReceiveProps - когда компонент получит пропс, приходит обьект с нвоыми пропсами, еще не пришли но прийдут (nextProps)
- - shouldComponentUpdate - возвращает тру или фолс, нужно компонент перерендить или не, еру надо, фолс нет, по умолчанию тру (nextProps, nextState), производительность можно не делать перерндре при помощи него, форс - то прекратили цепочку и дальше ничего не происходит, если тру то вызывается componentWillUpdate
- - componentWillUpdate - вызывается перед рендером, сравнить как поменялись пропсы, провести подготовительные работы как компонент был обновлен (nextProps, nextState)
- - render - рендер нового виртуал дерева
- - componentDidUpdate - компонент уже обновился (prevProps, prevState), изменнеия уже все применены и можно спокойно дальше обращатся с жизнью компонента"
- State change
- 2й способ вызова рендера, вызов рендера, при помощи вызова стейта, изменить стейт, тоже самое что и с пропсами методы"
- - shouldComponentUpdate
- - componentWillUpdate
- render
- - componentDidUpdate"
- - componentWillUnmount
- вызывается перед тем как компонент будет удален из дом дерева, произвести уборку - убрать ссылки"
Add Comment
Please, Sign In to add comment