検索

ホームページ  >  に質問  >  本文

getServerSideProps 経由で非同期的に取得したデータを Next.js のコンポーネントに渡すにはどうすればよいですか?

質問にご協力いただきありがとうございます。私はまだ勉強中なので、5歳児のように説明してもらう必要があるかもしれません。

素晴らしい職場:

私のホームページでは、getServerSideProps からデータを取得してマッピングしています。データはプロジェクトフォルダー内のdata.jsonから取得します。

デフォルト関数のエクスポート Homepage({ data }) { ... }

非同期関数のエクスポート getServerSideProps() { ... }

ホームページにはマッピング機能 1 があります...これは私にとってはうまくいきます!

私がやりたいこと:

ここで、ListComponent という名前のコンポーネント内から getServerSideProps() によって取得されたデータにアクセスしたいと考えています。

マッピング機能 2 で元のデータを再度使用したい。これをListComponent内で実現したいと考えています。

ListComponent がホームページにインポートされます。

うまくいかないこと:

ListComponent 内で、次のようにホームページで使用するのと同じデータを渡そうとします。

デフォルト関数のエクスポート ListComponent({ data }) { ... }

しかし、うまくいきませんでした。データが未定義であるか、データを読み取ることができませんと表示されます。なぜこうなった? ListComponent にデータを渡すにはどうすればよいですか?

P粉511749537P粉511749537441日前529

全員に返信(1)返信します

  • P粉006847750

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

    データを小道具として渡すだけです:

    リーリー

    これで、data:

    という名前のプロップができました。 リーリー

    返事
    0
  • キャンセル返事