[React.js] Component Life Cycle

Component가 하는 세가지 동작

1. Mounting
 = being born
constructor() : JS가 생성될 때 호출되는 생성자
render()
componentDidMount() : component의 rendering이 끝날 때 호출되는 메서드


차례대로 호출되었다.

2. Updating
= state의 변경

setState()를 호출하면 다음 메서드들이 차례로 호출된다.
- getDerivedStateFromProps()
- shouldComponentUpdate()
- render()

componentDidUpdate() : update가 끝났을 떄 호출된다.


3. Unmounting 
= kill component

componentWillUnmount()

No comments:

Powered by Blogger.