React/NextJS 라우팅 소품을 손자의 링크를 작동하지 않는 구성요소

Question 1

나의 종류를 붙...및 파악할 수 없는 경우 이 문제 NextJS.

저는 세 가지 구성 요소:

CardsList(목록 모든 카드는 여러 <Card> 어린이)
카드(표현의 카드에는 <Button> child)
버튼(버튼이 표시됩에 카드 사용 <Link> 구성)

버튼을 구성 요소를 포함 nextjs/링크를 구성 요소입니다.

내가 전달해야에 대한 링크를 이 문서에서 CardsList,카드를 통해,버튼으로(그리고 여기 나 <Link>'s href)...

이 완벽하게 작동하는 경우 통과 링크(예를 들어/mytest)직접 카드에서 버튼을...그것이 또한 문자열을 보여 줍니다 때로에서 CardsList,이를 통해 카드를 인쇄 화면에서-그렇다,나는 볼 수 있습니다.하지만 그것은 작동하지 않을 때 나는 이것:

export default function Button({ text, link }) {
  return (
    <Link href={link} passHref>
      <button className="bg-transparent hover:bg-primary text-link font-semibold hover:text-white py-1 px-3 border border-link hover:border-transparent rounded self-center" >
        {text}
      </button>
    </Link>
  );
}

네 {text} 작품도 전달에서부모에게는 구성 요소(CardsList). 그러나 링크를 구성 요소에 받아들이지 않을 통과 버팀대 그렇지 않은 경우 직접 보내에서 직접 상위 구성요소! (네,그것은 작동하는 경우 통과할 문자열을 하나의 수준이지만 경우에의 전달에서 CardsList(고 그냥 통과)받아들이지 않을 것!)

처리되지 않은 런타임 오류가 오류:소형:prop href 예 string 나 object 에 <Link>지만, undefined 대신 합니다.

그리고 그렇다,나는 알고,사용할 수 있는 상태 관리지만,나는 원하지 않는 설정하는 전체적인 상태 관리를 위한이 없으므로 그것을 필요합니다.

감사합니다 아주 많은 사전에,사람들!

샤

Question 2

나는"fixed it"(지하는 데 사용됩니다.) 에 의해 만들이 다른 문자열을 전달하기 전에 prop 링크로 구성 요소입니다.

export default function Button({ text, link }) {
  return (
    <Link href={`${link}`} passHref>
      <button className="bg-transparent hover:bg-primary text-link font-semibold hover:text-white py-1 px-3 border border-link hover:border-transparent rounded self-center" >
        {text}
      </button>
    </Link>
  );
}

이것은 이상하다...그리고 어쩌면 내가 찾는 이유다.

Greetz,

샤

Sascha · Answer 1 · 2021-11-15T07:50:43

나는"fixed it"(지하는 데 사용됩니다.) 에 의해 만들이 다른 문자열을 전달하기 전에 prop 링크로 구성 요소입니다.

export default function Button({ text, link }) {
  return (
    <Link href={`${link}`} passHref>
      <button className="bg-transparent hover:bg-primary text-link font-semibold hover:text-white py-1 px-3 border border-link hover:border-transparent rounded self-center" >
        {text}
      </button>
    </Link>
  );
}

이것은 이상하다...그리고 어쩌면 내가 찾는 이유다.

Greetz,

샤

React/NextJS 라우팅 소품을 손자의 링크를 작동하지 않는 구성요소

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리