작성
·
95
·
수정됨
0
Home.jsx 에서
import { useSearchParams } from "react-router-dom";
const Home=()=>{
const [params, setParams]=useSearchParams();
console.log(params.get("value"));
return <div>Home</div>;
};
export default Home;
이렇게 작성했는데 사진과 같이 빨간색 글씨가 뜨는데 어디가 틀린걸까요?? 출력에는 문제가 없습니다
답변 2
2
안녕하세요 이정환입니다.
구공탄님께서 정답을 말씀해주셨네요! 해당 오류 메세지는 기능이나 문법적인 오류가 아닌 ESLint 도구가 발생시키는 것으로, 코드 내에서 사용되지 않는 변수나 함수가 존재함을 알리는 목적입니다.
"쉽게 말해 setParams라는 함수가 사용되지 않을건데 왜 선언했나요?" 같은 느낌으로 오류 메세지를 발생시키는 거라고 이해하시면 됩니다.
우리 강의에서는 이런 오류가 발생하지 않도록 ESLint 설정을 직접 조정하고 있는데요 5.1) 실습 준비하기 챕터의 6분 30초 경을 참고하시면 동일하게 설정 진행하실 수 있습니다.
다시 설정해보겠습니다! 감사합니다!