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

작성한 질문수

프로젝트로 배우는 React.js

35 블로그 페이지 라우트 추가

id가 두번 찍혀요

작성

·

205

0

import { useParams } from "react-router-dom";

const ShowPage = () =>{
    const {id} = useParams();

    
        console.log(id);
   
    return <div>Show Page</div>;
};

export default ShowPage;

react redux es6

답변 2

0

지식공유자

올려주신 코드만으로는 원인 파악이 어려울거 같네요

깃헙에 소스코드 올려서 링크 올려주시면 확인해드리겠습니다

질문자

구글 개발자도구에서는 두번 찍힌다고 하더라구요!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

주신 코드를 보면, useParams() 훅을 사용하여 URL 파라미터를 받아오고, 받아온 파라미터를 콘솔에 출력하는 코드 입니다.

문제가 무엇인지 정확히 모르겠지만, “id가 두번 찍혀요” 라는 설명만으로는 원인을 파악하기 어려울 수 있습니다. 코드 자체적으로는 이상이 보이지 않습니다.

만약 id가 두 번 출력된다는 것이 문제라면, 다음과 같은 경우가 있을 수 있습니다.

URL 주소에 id 값 두 개가 들어 있다면, 해당 컴포넌트에서 id 값이 두 번 출력될 수 있습니다.
여러 개의 컴포넌트에서 동시에 ShowPage 컴포넌트가 렌더링 된다면, 각각의 컴포넌트가 id 값을 렌더링 할 수 있습니다.

위와 같은 상황이 아니라면, 다른 문제가 있는 것으로 보이니, 자세한 설명을 해주시면 더욱 정확한 답변을 드릴 수 있을 것 같습니다. 감사합니다.

작성한 질문수