サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
WWDC24
qiita.com/cawauchi
はじめに 今まで作ったアプリケーションに今回は登録されているデータを条件によって検索できる機能を実装していきました。 今回作ったアプリケーション 一つの画面の中に条件フォームを作り、絞りこみボタンを押すとその条件に合致した情報を画面上に表示する機能です。 例えば以下の画像では「好きな住居形態」という項目で「森」を選んだ結果、合致するゴリラとhatakeyamaが画面に表示されました。 前回のページネーションがちゃんと作動しているのでページネーション番号もちゃんと表示されています。 また絞る条件は一項目ではなく複数項目選ぶことができます。 今回使用するコンポーネント 条件検索のロジックを持ったUserInfoFilterコンポーネントと条件検索で帰ってきた値を格納するUserInfoコンポーネントを今回使っていきます。 UserInfoFilter.tsx(条件検索するコンポーネント) im
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く