인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

진성원님의 프로필 이미지

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

페이지 라우팅 동적 경로 질문

작성

·

95

·

수정됨

0

image.png

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

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

구공탄님께서 정답을 말씀해주셨네요! 해당 오류 메세지는 기능이나 문법적인 오류가 아닌 ESLint 도구가 발생시키는 것으로, 코드 내에서 사용되지 않는 변수나 함수가 존재함을 알리는 목적입니다.

"쉽게 말해 setParams라는 함수가 사용되지 않을건데 왜 선언했나요?" 같은 느낌으로 오류 메세지를 발생시키는 거라고 이해하시면 됩니다.

우리 강의에서는 이런 오류가 발생하지 않도록 ESLint 설정을 직접 조정하고 있는데요 5.1) 실습 준비하기 챕터의 6분 30초 경을 참고하시면 동일하게 설정 진행하실 수 있습니다.

진성원님의 프로필 이미지
진성원
질문자

다시 설정해보겠습니다! 감사합니다!

 

2

구공탄님의 프로필 이미지

eslint 설정 문제 같습니다!

에러를 읽어보면 "setParams"가 선언되었지만 사용되지 않았다고 나와있어요!

해결 방법은 "setParams"를 사용하시거나, 사용하지 않을 거라면 삭제하시면 됩니다!

 

만약 사용하지 않는 변수가 코드 내 존재해도 에러가 발생하지 않길 원하신다면
eslint의 eslint-disable-line no-unused-vars 속성을 주석 처리 해주시면 됩니다

진성원님의 프로필 이미지
진성원
질문자

감사합니다!!