도찐개찐

문제점 아래와 같이 자바스크립트의 map 함수를 사용한 경우 콘솔에서 " Warning: Each child in a list should have a unique "key" prop "이라는 주의 문구를 확인할 수 있다. {["AAA", "BBB", "CCC"].map(item => {item} )} React는 key prop을 사용하여 컴포넌트와 DOM 요소 간의 관계를 생성한다. 리액트 라이브러리는 이 관계를 이용해 컴포넌트 리렌더링 여부를 결정한다. 불필요한 리렌더링을 방지하기 위해서는 각 자식 컴포넌트마다 독립적인 key값을 넣어줘야 한다. 해결 방법 배열로 map 함수를 사용해 JSX 리스트를 구현할 때 key prop을 자식 컴포넌트마다 넣어줘야 한다. Ex: Item1 자바스크립트의 배열..

Uncaught Error: A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . 구글번역기 결과 잡히지 않은 오류: 는 요소의 자식으로만 사용되며 직접 렌더링되지 않습니다. 를 로 감싸주세요. 1. 문제 원인 react-router-dom 라이브러리가 버전 업데이트 됨으로써 부모요소 미적용 상태에서 태그만을 사용했을 경우 에러 발생 2. 문재 해결 방법 1. 최신버전에 맞게 작성한다. 2. 이전 버전을 설치한다. 최신버전에 맞게 작성하는 방법은 위의 링크에서 잘 설명이 되어있습니다. 저는 이전 버전을 재설치하는 방법으로 문제를 해결했습니다. 3. 문제 해결 작업 폴더의 yarn...