React Component Lifecycle
http://jsbin.com/siwuqey/edit?console,output
Frist Access
"------------- Root constructor" "------------- Root componentWillMount" "------------- Child constructor" "------------- Child componentWillMount" "------------- Child componentDidMount" "------------- Root componentDidMount"
Root state update (Child props update) "------------- Root shouldComponentUpdate" "------------- Root componentWillUpdate" "------------- Child componentWillReceiveProps" "------------- Child shouldComponentUpdate" "------------- Child componentWillUpdate" "------------- Child componentDidUpdate" "------------- Root componentDidUpdate"
Child Root state update (Child props update) "------------- Root shouldComponentUpdate" "------------- Root componentWillUpdate" "------------- Child componentWillReceiveProps" "------------- Child shouldComponentUpdate" "------------- Child componentWillUpdate" "------------- Child componentDidUpdate" "------------- Root componentDidUpdate"
Child state update "------------- Child shouldComponentUpdate" "------------- Child componentWillUpdate" "------------- Child componentDidUpdate"
shouldComponentUpdate 에서 setState 하여도 반영되지 않는 다. 레더링 여부만 처리한다.
만약 props 변경에 따른 state update 를 해야한다면 componentWillReceiveProps 을 사용해야 한다.
