TIL(53)

 1.내가 만난 오류

 Objects are not valid as a React child
- React component를 렌더링할 때, 데이터를 화면에 표시하려면 표시하려는 데이터 타입에 맞는 데이터를 넣어주어야 한다. 
   컴포넌트로 전달된 데이터와 표시하려는 데이터의 타입이 일치하지 않으면 다음과 같은 에러가 발생한다.

 한곳에서 작성했던 list page를 컴포넌트 나누었다.

 나누다 보니 props로 내려주고 필요한 함수,styled들을 들고오다가 navigate props가 문제가 생겼다.

기존list에 있던 navigation:{navigate} 속성이 props를통해서 하위 컴포넌트로 넘어갔어야하는 상황이였다.

 

2.시도

사실 그냥 넘겨주기만하면되는거라 여느때와 다름없이 navigate={navigate}이런식으로 넘겨줬다.

근데 저 에러가 자꾸 뜨는 것이다.

아무리 봐도 문제가 없고 props의 이동도 문제가 없었는데

다른 분이 한 것을 참고해도 똑같이 되었는데 나만 문제가 생겼다.

 

3.해결

밤늦게 하다가 찾기힘들어서 다음날 오전에 다른 팀원분과 함께 오류를 찾기 시작했다.

그러다가 다른팀원분을 통해서 알게된 사실이 지금 배포된 서버에 있는 구버전 데이터와 신버전 데이터의 형식이

달라서 그런것 같다고 하셨다.

그래서 계속 구버전데이터리스트를 하고있었던 나는 계속 오류가 떴었다.

새로 넣은 데이터 형식의 리스트를 눌러보니 props전달도 괜찮았다.

 

4.얻은 점

프로젝트를 진행하면서 서버쪽이나 데이터,파이어베이스 이용 하는 것이 많이 약하다는 것을 많이 느꼈다.

그래서 어떻게해야할까 지금도 고민중이긴한대 한가지 생각하고 있는 점은 했던 프로젝트의 서버내용을 다시 복습해봐야겠다라는

생각이 들었다.

서버를 잘 만드시는 분들의 코드를 보고 나도 다시 공부를 하면 그래도 얻는 점이 많지 않을까해서..ㅎ

 

암튼 화이팅

😎