React에서 컴포넌트의 생명 주기를 다룬 깃허브 글이 있어 소개한다.

http://busypeoples.github.io/post/react-component-lifecycle/



초기화를 하면 다음과 같은 순서대로 리액트 함수가 호출된다.




GetDefaultProp  =>  GetInitialState  => ComponentWillMount => Render => ComponentDidMound




state를 변경하면  다음과 같은 순서대로 리액트 함수가 호출된다.





props를 변경하면 다음과 같은 순서대로 리액트 함수가 호출된다.




unmount가 되면 다음 리액트 함수가 호출된다. 




개발해보니 react 컴포넌트가 로딩되기 전, 후에 작업은 componentWillUnmount, componentWillMount를 사용할 때가 가장 많이 사용되는 것 같다. 

Posted by '김용환'

댓글을 달아 주세요