nextjsで絞り込み検索の体験向上 | NCDCエンジニアブログのフィード

はじめにnextjsのチュートリアルを進めていて参考になる章があったのでまとめてみました。こちらの3点を要件とします。検索ボックスに入力したらボタンをクリックまたはEnterキーを押さなくても自動で反映してほしい。反映する前は一時的にローディングuiを表示したい。ページネーションを実装したい今回開発する画面はこちらになります。 検索部分検索文字が入力された時の関数 const handleSearch = useDebouncedCallback((term) => { const params = new URLSearchParams…


元の記事を確認する