react/jsx-no-undef 에러

HJ·2022년 1월 25일

React

목록 보기
2/14
post-thumbnail

첫 번째 리액트 개인 프로젝트를 작업하던 중인데, 만들어 놓은 버튼에 페이지 연결이 되지 않아 하루종일 고생을 했다. (Route path도 올바른 곳에 놓지 못했다;)
하나하나 풀어가던 중 뜬 에러 메시지는 하단과 같다.

react/jsx-no-undef

발견한 사실

라우트가 정의되지 않았다는 메시지와 라인을 따라가 보니 Route에 빨간줄이 떠 있었고, 위에 임포트한 내역을 찾아보니 Route가 없었다.

해결 방법

import { useHistory } from "react-router-dom" 부분에 Route를 추가해주었다.

마침내 해결 완료!!!!
고생한 시간이 너무 길어서 좀 허무하긴 했지만 초보자라면 누구나 할 수 있는 실수이기에 나처럼 개발을 배운지 얼마 되지 않은 분들에게 도움이 될까 하여 올려본다..

주의할 점

리액트 훅을 사용할 때는 설치도 중요하지만 꼭 임포트를 해주자.

0개의 댓글