如何在Next.js中将通过getServerSideProps异步获取的数据传递给组件?
P粉511749537
P粉511749537 2023-09-11 23:13:27
0
1
369

感谢您参与问题!我还在学习中,可能需要您像对待一个5岁的孩子一样向我解释。

工作得很好的地方:

在我的主页上,我正在从getServerSideProps获取数据并进行映射。数据是从项目文件夹中的data.json中获取的。

导出默认函数Homepage({ data }) { ... }

导出异步函数 getServerSideProps() { ... }

主页有映射函数1... 这对我来说工作得很好!

我想做什么:

现在,我想从名为ListComponent的组件内部访问getServerSideProps()获取的数据。

我想在映射函数2中再次使用原始数据。我希望这发生在ListComponent内部。

然后,ListComponent将被导入到我的主页中。

不起作用的地方:

在ListComponent内部,我尝试传入与主页上使用的相同数据,像这样:

导出默认函数ListComponent({ data }) { ... }

但它没有起作用。它显示数据未定义,或者无法读取数据。为什么会这样?我如何将数据传递给ListComponent?

P粉511749537
P粉511749537

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!