[오류기록] Cannot read properties of undefined

 

 

 

 

 

 

✔️ 원인

구글링 해보니 state는 비동기적이며 처음 렌더링(마운트)하기도 전에 동작한다고 한다.

이 때 state 가 정의되지 않았기 때문에 생긴 오류였다. 

 

 

 

✔️ 해결

 

 

 

처음에 localstorage에서 이미지 url을 바로 불러와서 붙이려고 했었는데,

그렇게 하지 않고 state로 관리하여 useEffect를 이용해 렌더링 했더니 정상적으로 이미지가 붙었다. 

그러나! 이미지 렌더링이 다른 데이터 렌더링과 함께 되지 않고 새로고침이 한 번 더 이루어져야 렌더링이 되었다. 

 

 

 

 

 artist가 업데이트 될 때 이미지도 같이 렌더링 될 수 있게 deps 에  artist를 넣었더니 정상적으로 렌더링 되었다 !

전보다 useEffect의 렌더링 사이클에 대해 더 이해가 된 것 같다.