問題タブ [react-state]
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 メソッドの値が更新されないことです...最初のものだけです。更新を強制できますか、またはより良い方法はありますか?
ありがとうカスパー
reactjs - React 動的状態の変化が起きていない
以下のような状態があるとします。
次に、以下のようなボタンがあります。
ユーザーの作成は次のようになります。
したがって、ボタンをクリックすると、createUser でモーダルとして割り当てたので、data-dismiss ボタンの形式で定義されたブートストラップ モーダルを閉じたいと思います。
しかし、それは保存ボタンの2回目のクリックでのみ機能します。なんで？
また、ワンクリック自体に変更するにはどうすればよいですか？
javascript - 小道具または状態の変更でコンポーネントを更新できません
true の場合 ( を参照) 、 false の場合はEditMessageコンポーネントをブラウザに表示させたいのですが、コードが機能しません。私のアプリは状態または小道具の変更に気づいていません。Dashboard.jsshowEditinitStateMessageReducer.jsCreateMessageshowEditDashboard.js
this.setStateメソッドをDashboard.jsインクルードしようとしましたが、次のエラーが表示されます。showTypeFormまた、 の値を props に直接割り当てて出力しようとしましたが( のコメントを参照Dashboard.js)、この方法もうまくいきませんでした。どのライフサイクルメソッドを使用すればよいかわかりません。
私のコードは次のようになります。MessageSummary.js:
MessageActions.js:
RootReducer.js:
MessageReducer.js:
Dashboard.js: