Inflearn Community Q&A
asked
페이지 라우팅 동적 경로 질문
Written on
·
132
·
Edited
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;이렇게 작성했는데 사진과 같이 빨간색 글씨가 뜨는데 어디가 틀린걸까요?? 출력에는 문제가 없습니다
javascriptreactnode.js
Answer 2
2
winterlood
Instructor
안녕하세요 이정환입니다.
구공탄님께서 정답을 말씀해주셨네요! 해당 오류 메세지는 기능이나 문법적인 오류가 아닌 ESLint 도구가 발생시키는 것으로, 코드 내에서 사용되지 않는 변수나 함수가 존재함을 알리는 목적입니다.
"쉽게 말해 setParams라는 함수가 사용되지 않을건데 왜 선언했나요?" 같은 느낌으로 오류 메세지를 발생시키는 거라고 이해하시면 됩니다.
우리 강의에서는 이런 오류가 발생하지 않도록 ESLint 설정을 직접 조정하고 있는데요 5.1) 실습 준비하기 챕터의 6분 30초 경을 참고하시면 동일하게 설정 진행하실 수 있습니다.
2
eslint 설정 문제 같습니다!
에러를 읽어보면 "setParams"가 선언되었지만 사용되지 않았다고 나와있어요!
해결 방법은 "setParams"를 사용하시거나, 사용하지 않을 거라면 삭제하시면 됩니다!
만약 사용하지 않는 변수가 코드 내 존재해도 에러가 발생하지 않길 원하신다면
eslint의 eslint-disable-line no-unused-vars 속성을 주석 처리 해주시면 됩니다
다시 설정해보겠습니다! 감사합니다!