[React.js]Derived State를 언제쓸까?

Derived State를 언제 쓸까?

getDerivedStateFromProps 는 하나의 목적을 위해서만 존재합니다. 이것은 컴포넌트가 내부 state를 변화가 일어난 props값으로 업데이트 할 수 있게 해줍니다.리액트 블로그의 이전 포스트에서 몇개의 예제를 올려놓았습니다. 예를 들어 현재 스크롤 위치를 오프셋을 기반으로 기록하거나, 외부 데이터들을 props를 통해 로딩할 때가 있습니다.

 일반적인 룰에 따르면, derived state는 적게 사용되야 합니다. derived state를 사용하여 마주할 수 있었던 거의 모든 문제 상황들은 두가지 방법을 통해서 줄일 수 있습니다.

 먼저, 1.  props로 오는 값을 무조건 state로 업데이트 하는 방법, 

 혹은 2. state와 props가 매치되지 않을 때만 업데이트 하는 방법이 있습니다.

- 만약 계산하는 과정을 기억해야 하는 로직이 있을 때, 현재 props 로만 derived state를 사용한다면 derived state가 필요없을 것 입니다.

- 만약 derived state를 무조건 혹은 props와 state가 매치되지 않을 때도 업데이트를 하게 된다면, 컴포넌트가 너무 자주 바뀌는 현상이 생길 수 있습니다.