>  Q&A  >  본문

getServerSideProps를 통해 비동기적으로 얻은 데이터를 Next.js의 구성 요소에 전달하는 방법은 무엇입니까?

질문에 참여해주셔서 감사합니다! 나는 아직 배우는 중이므로 5살짜리 아이처럼 설명을 해줘야 할 수도 있습니다.

일하기 좋은 장소:

내 홈 페이지에서는 getServerSideProps에서 데이터를 가져와 매핑하고 있습니다. 데이터는 프로젝트 폴더의 data.json에서 가져옵니다.

기본 기능 Homepage({ data }) { ... } 내보내기

비동기 함수 내보내기 getServerSideProps() { ... }

홈 페이지에는 매핑 기능이 있습니다. 1... 이것은 나에게 잘 작동합니다!

내가 하고 싶은 일은:

이제 ListComponent라는 구성 요소 내부에서 getServerSideProps()를 통해 얻은 데이터에 액세스하려고 합니다.

매핑 함수 2에서 원본 데이터를 다시 사용하고 싶습니다. 나는 이것이 ListComponent 내부에서 일어나기를 원합니다.

그런 다음 ListComponent를 내 홈 페이지로 가져옵니다.

작동하지 않는 것:

ListComponent 내부에서 다음과 같이 홈 페이지에서 사용하는 것과 동일한 데이터를 전달해 보았습니다.

기본 함수 ListComponent({ data }) { ... } 내보내기

하지만 효과가 없었어요. 데이터가 정의되지 않았거나 데이터를 읽을 수 없다고 나옵니다. 왜 이런 일이 발생합니까? ListComponent에 데이터를 어떻게 전달합니까?

P粉511749537P粉511749537426일 전512

모든 응답(1)나는 대답할 것이다

  • P粉006847750

    P粉0068477502023-09-12 10:42:39

    데이터를 소품으로 전달하기만 하면 됩니다:

    으아악

    이제 이름이 data:

    인 소품이 있습니다. 으아악

    회신하다
    0
  • 취소회신하다