React Component Life Cycle

v16.4 Life Cycle

//React
class App extends React.Component {

}

 

Life Cycle Method는 기본적으로 React에서 Component를 생성하고 없애는 방법이다.

 

Mounting

componet의 instance가 만들어지고 삽입될 때 아래의 메서드들이 순서에 따라 실행된다.

• constructor()
• static getDerivedStateFromProps()
• render()
• componentDidMount()

Updating

props나 state가 변할 때 update가 일어난다. component가 다시 렌더링 될 때 아래의 메서드들이 순서에 따라 실행된다.

• static getDerivedStateFromProps()
• shouldComponentUpdate()
• render()
• getSnapshotBeforeUpdate()
• componentDidUpdate()

Unmounting

DOM에서 component가 제거될 때 이 메서드가 실행된다.

• componentWillUnmount()