이것저것 다 개발

[React] Component LifeCycle 본문

React

[React] Component LifeCycle

용용개발 2018. 7. 13. 21:00

React Component의 LifeCycle입니다.


Component 생성부터 종료까지 호출되는 순서대로 나열해 두었습니다.



컴포넌트 초기 생성


constructor()

constructor는 생성자 라고 불리며 컴포넌트가 생성되었을때 호출됩니다.


componentWillMount()

render() 전에 호출됩니다.


render()

view를 만들어주는 함수입니다.


componentDidMount()

render() 후에 호출됩니다.



컴포넌트 업데이트


componentWillReceiveProps(nextProps)

Component가 새로운 Props를 받게 됐을때 호출됩니다.


shouldComponentUpdate(nextProps, nextState)

Component의 Props나 State변경시 호출됩니다.

default는 true이며 조건에 따라 render()를 호출합니다.


componentWillUpdate(nextProps, nextState)

shouldComponentUpdate에서 true를 return할 시 호출됩니다.


componentDidUpdate(preProps, preState)

component가 업데이트 된 후 호출되며 preProps와 preState 조회가 가능합니다.


컴포넌트 제거


componentWillUnmount()

Component가 Destroy된 후 호출됩니다.

'React' 카테고리의 다른 글

[React] Component 와 props  (0) 2018.06.21
[React] Babel과 JSX  (0) 2018.06.19
[React] React, ReactDOM 라이브러리  (0) 2018.06.17
Comments