반응형 오류3 [REACT] TypeError: Cannot read property 'map' of undefined 해결하기 React에서 리스트를 받아올 때 자주쓰는 구조로 state.map()을 사용하다 발생한 오류를 해결하지 못해 직접 찾아보고 찾은 답을 정리한다. 왜....도대체 왜..안되는걸까?? 한참 고민하다 발견한 답 React 는 렌더링이 화면에 커밋 된 후에야 모든 효과를 실행하기 때문이다. 즉 React는 return에서 state.map(...)을 반복실행할 때 첫 턴에 데이터가 아직 안들어와도 렌더링이 실행되며 당연히 그 데이터는 undefined로 정의되어 오류가 나는 것 즉 첫번째 값이 없기 때문에 생기는 오류이다. 해결방법은 2가지이다. 1. && state && state.map()구조로 사용하기. JavaScript에서 true && expression은 항상 expression으로 실행되고 fa.. 2021. 9. 9. [REACT] Uncaught Error: Objects are not --- valid as a React child (found: object with keys {current}). If you meant to render a collection of children, use an array instead. React 오류 따라잡기 사건의 발달 To do list 를 React로 만드는 중, 할 일을 입력한 후 버튼을 누르면 useState를 사용하여 내용을 업데이트 하려 했다. addRef는 input의 현재 상태 값을 확인하기위해 useRef Hook을 사용하여 입력한 상황. 예상대로라면 addRef의 값이 업로드 되어야 하는데, 버튼을 누르면 홈페이지에는 경고창이 없이 하얀 페이지만 나오는 상황. console창에 들어가 경고를 확인 해보니 Uncaught Error: Objects are not --- valid as a React child (found: object with keys {current}). If you meant to render a collection of children, use.. 2021. 8. 25. [GIT] branch 생성 & 사용하기 깃허브를 사용하면서 계속 반복해서 실수해 정리하는 branch 사용법 branch란? 개발자들이 동일한 소스코드를 추가 작업함에 있어, 동시에 다양한 사람들이 접근해 개발할 수 있도록 하기 위해 만들어진 기능이다. 각자 branch를 만들어 나무가지 처럼 뻗어나가 원하는 방향으로 개발해 나갈 수 있다. branch 확인하는 법 git branch 라는 명령어로 확인이 가능하다. 현재 main branch에 위치해 있다. 자주 사용하는 git status 명령어로도 확인 가능하다. On branch main이라는 답을 통해 main branch위에 있는 것을 확인 할 수 있다. git branch -r 을 통해 원격 저장소의 브랜치를 확인 할 수 있다. git branch -v 을 통해 브랜치의 마지막 커.. 2021. 8. 25. 이전 1 다음 반응형
