Next.js でページネーションまたはフィルタリング機能を実装する方法を学習します。
P粉517814372
P粉517814372 2023-08-14 20:23:46
0
1
584

従来のページ ルーティング方法を使用して Web アプリケーションにページングまたはフィルタリングを実装するソリューションを探しています。クライアント側のデータ取得を使用する必要がありますか?クエリ文字列が変更されても、ページ コンテンツが再レンダリングされることはありません。 SSG を使用してデータ全体を取得し、クライアント側でページ分割することはしたくありません。これを効果的に達成するためのアドバイスや例をいくつか教えていただけますか?現在、このトピックに関するリソースは限られているため、パフォーマンスに影響を与えることなく動的なデータ変更を処理できるようにしたいと考えています。

クエリ文字列を getServerSideProps に渡そうとしましたが、更新時にのみデータが取得されます。ボタンをクリックすると、ページにはフィルタリング/ページ分割されたコンテンツがすぐに表示されます。

これに関して否定的なコメントを残さないでください。さらに詳しい情報が必要な場合は、コメント欄でお問い合わせください。

P粉517814372
P粉517814372

全員に返信 (1)
P粉477369269

この問題は解決しました。不思議に思っている人のために言っておきますが、実は私は間違いを犯しました。router.push内にshallow: trueを入れます。したがって、クエリ文字列を変更しても、ページは再レンダリングされません。クエリ文字列を変更する場合は、必ずrouter.push内にshallow: falseを含めてください。以下は例です:

リーリー
いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!