getServerSideProps를 통해 비동기적으로 얻은 데이터를 Next.js의 구성 요소에 전달하는 방법은 무엇입니까?
질문에 참여해주셔서 감사합니다! 나는 아직 배우는 중이므로 5살짜리 아이처럼 설명을 해줘야 할 수도 있습니다.
일하기 좋은 장소:
내 홈 페이지에서는 getServerSideProps에서 데이터를 가져와 매핑하고 있습니다. 데이터는 프로젝트 폴더의 data.json에서 가져옵니다.
기본 기능 Homepage({ data }) { ... } 내보내기
비동기 함수 내보내기 getServerSideProps() { ... }
홈 페이지에는 매핑 기능이 있습니다. 1... 이것은 나에게 잘 작동합니다!
내가 하고 싶은 일은:
이제 ListComponent라는 구성 요소 내부에서 getServerSideProps()를 통해 얻은 데이터에 액세스하려고 합니다.
매핑 함수 2에서 원본 데이터를 다시 사용하고 싶습니다. 나는 이것이 ListComponent 내부에서 일어나기를 원합니다.
그런 다음 ListComponent를 내 홈 페이지로 가져옵니다.
작동하지 않는 것:
ListComponent 내부에서 다음과 같이 홈 페이지에서 사용하는 것과 동일한 데이터를 전달해 보았습니다.
기본 함수 ListComponent({ data }) { ... } 내보내기
하지만 효과가 없었어요. 데이터가 정의되지 않았거나 데이터를 읽을 수 없다고 나옵니다. 왜 이런 일이 발생합니까? ListComponent에 데이터를 어떻게 전달합니까?
