Next.js에서 'passHref'를 사용하는 이유는 주로 커스텀 컴포넌트를 사용하거나, 링크를 클릭했을 때 기대하는 동작을 위해 '<a>' 태그의 href 속성을 전달해야 하는 상황에서 필요합니다. '<Link>' 컴포넌트를 사용할 때, 기본적으로 '<Link>' 태그 내부에 '<a>' 태그를 사용하는 것이 좋습니다. 그러나 이 예제에서처럼, '<a>' 태그 대신 다른 요소를 사용하려는 경우 'passHref'를 사용해야 합니다. 이 옵션은 '<Link>' 컴포넌트가 자식 요소에게 href 속성을 전달할 수 있게 해줍니다. #1 예를 들어, 다음과 같은 커스텀 컴포넌트를 만들어보겠습니다 #2 <Link> 컴포넌트에서 이 커스텀 컴포넌트를 사용하려면, passHref 속성을 사용하여 href 속성을 전달해야 합니다. 이렇게 하면 클릭 가능한 링크로 동작하게 됩니다. 결론적으로, 'passHref'는 다음과 같은 상황에서 사용해야 합니다: '<a>' 태그 대신 다른 요소를 클릭 가능한 링크로 사용하려는 경우 커스텀 컴포넌트를 '<Link>'의 자식 요소로 사용하려는 경우 'passHref'를 사용하면 이러한 상황에서도 올바른 동작을 보장할 수 있습니다.

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 3월 30일 오전 9:55

댓글 0

    함께 읽은 게시물

    노션 템플릿들을 만들면서 적는 회고

    ... 더 보기

    이력서에 쓰는 경험

    

    ... 더 보기

    < 스타벅스 컵홀더의 손글씨가 말했다: 결국은 사람이다 >

    1

    ... 더 보기