Ketahui cara melaksanakan fungsi penomboran atau penapisan dalam Next.js

Question

Saya sedang mencari penyelesaian untuk melaksanakan halaman atau penapisan dalam aplikasi web saya menggunakan kaedah penghalaan halaman tradisional. Adakah saya perlu menggunakan pengambilan data sebelah pelanggan? Apabila rentetan pertanyaan berubah, ia tidak akan menyebabkan kandungan halaman dipaparkan semula. Saya tidak mahu menggunakan SSG untuk mendapatkan keseluruhan data dan menomborkannya di sebelah pelanggan. Bolehkah anda memberikan beberapa nasihat atau contoh bagaimana untuk mencapai ini dengan berkesan? Pada masa ini terdapat sumber terhad mengenai topik ini dan saya ingin dapat mengendalikan perubahan data dinamik tanpa menjejaskan prestasi.

Cuba menghantar rentetan pertanyaan untuk mendapatkanServerSideProps tetapi ia hanya mendapat data semasa muat semula. Halaman harus menunjukkan kandungan yang ditapis/dihalakan dengan serta-merta pada klik butang.

Sila jangan tinggalkan komen negatif tentang perkara ini. Jika anda memerlukan maklumat lanjut sila tanya dalam komen.

Answer 1

Saya menyelesaikan masalah ini. Bagi mereka yang tertanya-tanya, saya sebenarnya melakukan kesilapan. Saya letak shallow: true放在了router.push里面。所以当我改变查询字符串时，我的页面没有重新渲染。当你改变查询字符串时，请确保在router.push里面放置shallow: false. Berikut adalah contoh:

router.push({ 
    pathname: router.pathname, 
    query: { ...router.query } }, 
    undefined, 
    { 
       shallow: false
    }
);