drag and drop 오류 및 해결방법

정하윤·2022년 11월 30일
0

toto list를 만들면서 드래그앤드랍 기능을 추가하기위해 코드를 작성하였는데

라는 오류가 떠서 id 입력을 안했나 확인을 코드를 확인해보는데 잘되어있어서 검색을 해보았다.

오류 원인

  • 검색결과 React버전이 18일 경우에는index.tsx 안에 코드를 확인해보면 드래그 앤 드랍 기능을 넣기위한 코드를 작성한 파일이<React.StrictMode></React.StrictMode>로 감싸져 있어서 뜨는 오류인 것 같다.

해결방안

  1. 우선 React의 버전을 17로 바꾸면 스트릭모드가 없어지는 것 같다. 그래서 17버전으로 다운그레이드 하는 방법이있다.
  2. index.tsx 안에 있는 <React.StrictMode></React.StrictMode>를 제거하거나 아래에 Droppable 태그, DragDropContext 태그 및 Draggable 태그를 작성하는 방법도 있는 것 같다.

0개의 댓글