Inflearn コミュニティ Q&A

投稿した質問数

プロジェクトで学ぶReact.js

35 ブログページルートを追加

id가 두번 찍혀요

作成

·

260

0

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

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

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

export default ShowPage;

reactreduxes6

回答 2

0

インストラクター

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

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

質問者

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

0

communityai8509

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

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

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

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

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

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

投稿した質問数