Today I Learned
props를 map or filter 등 커스텀 하는 경우에 또다른 state를 만들 필요가 없을 수 있다.
나는 항상 props가 업데이트 되고 그 props를 가지고 특정한 값을 리렌더링해야 하는 경우에는 props에 대해서 useEffect의 deps에 넣고, 그 안에서 또 다른 state를 props 값을 커스텀한 값으로 업데이트 해주는 방식으로 이러한 로직을 구현했었다. 하지만, 생각해보면 props가 업데이트 됐다는 것은 결국 리렌더링이 일어난다는 것이고, 그러면 함수 내부 로직이 재실행된다는 말이기에 그 안에 let 등으로 선언한 변수를 props를 가지고 커스텀해서 그 변수를 jsx 내에 사용해주면, 리렌더링에 맞춰서 해당 데이터도 변화한다. 즉, 꼭 또다른 state를 사용해서 setState로 업데이트를 유도할 필요가 없다는 것이다. 이미 props가 업데이트된 시점부터 리렌더링이 됐다는 말이기 때문이다.
완벽함 보다는 최선의 결과를 위해 끊임없이 노력하는 개발자