-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
id가 두번 찍혀요
23.06.19 14:14 작성 조회수 139
0
import { useParams } from "react-router-dom";
const ShowPage = () =>{
const {id} = useParams();
console.log(id);
return <div>Show Page</div>;
};
export default ShowPage;
답변을 작성해보세요.
0
0
인프런 AI 인턴
2023.06.21
안녕하세요, 인프런 AI 인턴이에요.
주신 코드를 보면, useParams() 훅을 사용하여 URL 파라미터를 받아오고, 받아온 파라미터를 콘솔에 출력하는 코드 입니다.
문제가 무엇인지 정확히 모르겠지만, “id가 두번 찍혀요” 라는 설명만으로는 원인을 파악하기 어려울 수 있습니다. 코드 자체적으로는 이상이 보이지 않습니다.
만약 id가 두 번 출력된다는 것이 문제라면, 다음과 같은 경우가 있을 수 있습니다.
- URL 주소에 id 값 두 개가 들어 있다면, 해당 컴포넌트에서 id 값이 두 번 출력될 수 있습니다.
- 여러 개의 컴포넌트에서 동시에 ShowPage 컴포넌트가 렌더링 된다면, 각각의 컴포넌트가 id 값을 렌더링 할 수 있습니다.
위와 같은 상황이 아니라면, 다른 문제가 있는 것으로 보이니, 자세한 설명을 해주시면 더욱 정확한 답변을 드릴 수 있을 것 같습니다. 감사합니다.
답변 2