React 컴포넌트 재랜더 useEffect 사용하지 않고 똑똑하게 하기

부모 컴포넌트에서 자식 컴포넌트를 불러와서 사용하는 도중...

부모 상태는 바뀌었는데 자식 컴포넌트가 바뀌지 않는 문제가 발생하는 경우가 있다.

 

그럴 때는 key 를 사용하면 useEffect 를 쓰지 않고 간단하게 처리할 수 있다.

 

 

 

 

위 코드를 보면,

키를 주지 않았을 때는 재랜더가 되지 않기 때문에 현재 시각이 업데이트 되지 않고

키를 줬을 때는 자동으로 key 값에 따라 재랜더 된다.

 

따라서 변하는 어떠한 값에 대해 자동으로 재랜더 되기를 원한다면, key 에 변하는 값을 넣어주면 된다.