ERROR
1.Cannot assign to read only property '0' of object '[object Array]
원본 배열이 훼손되어 발생하는 문제.깊은 복사를 통해 해결할 수 있다.이 문제같은 경우에는 디스트럭쳐링으로 해결 할 수 있었다.
2.You provided a `value` prop to a form field without an `onChange` handler
input에 placeholder와 value를 같이 사용할 때에 위와 같은 오류가 발생한다. onChange등 이밴트 함수로 받은 값을 input의 value로 지정할 때 placeholder가 존재하면 생기는 문제로, defaultValue로 사용하면 오류 해결.
3.react tag is broken when i saving
react tag is broken when savinghttps://stackoverflow.com/questions/64392057/why-are-my-jsx-html-tags-being-broken-across-multiple-lines-in-my-edi
4.TypeError: Cannot read property ‘0’ of undefined
TypeError: Cannot read property ‘0’ of undefined 해당 오류는 array가 아닌 변수에 인덱스로 접근할 때 생긴다. 컴포넌트가 생성될 때 props가 비동기처리로 오는 데이터일 경우엔 항상 검증한 후에 활용하도록 습관을 들이자.
5.<a> cannot appear as a descendant of <a>
cannot appear as a descendant of a 태그를 직접 입력하지 않았더라도 앵커기능이 있는 elements가 중첩될 때 발생한다 부트스트랩의 Navbar에 있는 NavLink와 Router의 Link가 중첩될때 발생되었다.
6.error throw로 npx run dev로 작동이 안될 때 -stackoverflow
I ran into a similar problem. After 2 days of research and trying different things, I found out the simplest cause to my problem ever: in webpack.conf
7.Too many re-renders. React limits the number of renders to prevent an infinite loop.
Too many re-renders. React limits the number of renders to prevent an infinite loop.리액트 무한루프 렌더링props로 전달받은 변수를 setState에 넣을때 무한루프 발생useEffect를 이용하여 s
8.File to import not found or unreadable" When @import scss file from node_modules
말 그대로 파일을 import 해올 수 없거나 읽을 수 없다는 뜻.참조한 글에서 사용하는 폴더/파일명이 자신의 폴더/파일에 존재하는지,디렉토리 위치가 맞는지 확인하고 일치하지 않는다면 추가 및 변경을 통해 수정하면 정상적으로 작동한다.