[React] getSnapshotBeforeUpdate

getSnapshotBeforeUpdate

---

실제 DOM에 그려지기 직전에 호출되는 라이프사이클 함수

컴포넌트 최초진입시 setState가 사용되어서 렌더되는게 느린거같아

위 라이프사이클 함수에다 해당 함수를 넣어서 실행

실제로 render되기전에 실행되니 화면에 나타날때 부자연스러운 부분이 없어서 좋음

(화면에 나타나자마자 setState가 실행되면 다시 화면이 그려지니 부자연스러운 부분이있음)

예제

---

getSnapshotBeforeUpdate(nextProps, prevState){
 
       //최초 진입시에만 동작하게 하기위함
       if(prevState.test === 0){
           this.test();
       }
}