前提
ここに質問の内容を詳しく書いてください。
React Hooksでブログを作ろうとしています。
データベースからブログのリストを取得する関数があるのですが、手を加えて「検索ワード」「タグ」をそれぞれ使いブログのリストをフィルタリングしようとしています。
リストの中にはデータベースから取得した、タイトル、本文、タグなどの情報が含まれており、検索ワードをinputタグに入力したらonChangeイベントでタイトルまたは本文に該当するワードが含まれる記事をフィルタリングできました。
ですが、同時にタグが書かれたAタグを押すとonChangeイベントが何度か押さないと反応されません。
実現したいこと
最終的なゴールは、ブログリストのデータを様々な条件でフィルタリングしたいです。
ですが複数のフィルタリング条件を複数のonChangeイベントで扱う時にどのように書くのが最適解なのかわかりません。
エラーの内容
ブラウザのConsoleではエラーはでなかったのですがonChangeイベントが不発して動かない時があります。
該当のソースコード
今は手元に開発環境がなくスマホから質問を投稿させていただいておりますため、まずは上記の情報だけでワークアラウンドもしくは、例的な複数イベント処理の書き方が思い当たる方がいらっしゃれば回答いただきたいです。
react.js
試したこと
検索ワードを保持するuseState
押されたタグを保持するuseState
2つのuseStateがあり、それぞれのonChangeイベントでフィルタリングされる文字がsetされるようになっています。
ブログリストを表示する関数の中で、検索ワードまたはタグが入力されたらor条件でフィルタリングするように書きました。
補足情報(FW/ツールのバージョンなど)
必要があればライブラリ等のバージョンも調べます。よろしくお願いします。
回答1件
良いと思った回答にはリアクションをつけましょう。
リアクションが多い回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。