問題タブ [react-state-management]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - チェックボックスがチェックされている/チェックされていないときに状態を管理する - React
私の反応アプリケーションでは、ユーザーがキーワードを入力し、結果のリストを取得します。これらの結果にフィルターを実装しようとしています。以下はフィルターのスクリーンショットです。
これが私の状態です
私がやろうとしているのは、チェックボックスがチェックされているかチェックされていないときはいつでも、対応するチェックボックスをtrue/falseに設定していることです。各チェックボックスのこのブール値に基づいて、フィルターで除外しresults、UI にレンダリングします。チェックボックスをクリックすると結果をフィルタリングできますが、チェックボックスをオフにするとすべての結果を表示できません。これは、チェックボックスが変更されたときの処理方法です。
状態を正しく処理していないことはわかっています。この状況で何ができるでしょうか。参考までに、完全な検索結果コードを次に示します。
reactjs - マルチレベル状態オブジェクトの setState に反応する
複数のレベルを含む状態オブジェクトを更新しようとしています。この例を参照してください https://codesandbox.io/s/oq9kp9vy5y .
問題は、 render メソッドの値が更新されないことです...最初のものだけです。更新を強制できますか、またはより良い方法はありますか?
ありがとうカスパー