問題タブ [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.

0 投票する
2 に答える
202 参照

reactjs - 私は状態を変化させていますか?もしそうなら、どのような解決策が利用可能ですか?

オブジェクトの配列からレポートのリストを作成する単純なコンポーネントがあります。フィルターと並べ替え機能を追加しようとしています (これはある程度機能します)。並べ替え機能は機能しますが、変異しているのではないかと心配しています。元の状態を新しい配列にコピーしようとしたにもかかわらず、状態。

私のフィルターは初めて機能しますが、状態が変更されているため、または初期状態をフィルター処理できないため、他の結果はフィルター処理されませんか? これは私を何時間も混乱させてきました。どんな助けも大歓迎です。

どうもありがとう

前もって感謝します :)

0 投票する
1 に答える
759 参照

reactjs - コンポーネントの階層を親の保持状態に反応させる

次のケースの React SPA を作成しようとしています: School -Student1 -Student2 -Student3 -name -Address - 家番号、通り、都市、州、国。

考えてみると、School、Student、Address が反応コンポーネントです。School : 追加、削除可能な生徒のリストを保持/表示します。生徒: 名前、住所などの変更可能な情報を保持/表示します。住所: 変更可能な住所の詳細を保持/表示します。

さて、ここで状態管理を行うにはどうすればよいでしょうか。たとえば、ユーザーが生徒の 1 人の住所を変更した場合、これが学校にどのように反映されるのでしょうか。

私が考えることができるオプション: 1. Redux を使用しますが、この学校を別の反応アプリで使用されるコンポーネントとして作成したい場合、コンポーネント レベルで redux ストアを使用できますか?

  1. Student オブジェクトを Student 反応コンポーネントに渡します。このコンポーネントは、変更されたときにこれを情報で更新します..変化する小道具。

注:私は反応するのが初めてです。すみません、私が書いたことが間違っているか、意味がありません。

ありがとう

0 投票する
1 に答える
1479 参照

reactjs - React Hooks & useContext: これは良いパターンですか?

useContextReact Hooksで勉強しています。アプリケーションの状態を含む単一のオブジェクトをコンテキスト コンシューマーに渡したいと思います。

もちろん、いくつかを渡し、子コンポーネントがアプリケーションの状態を更新できるようにする必要がありgettersますsetters

このパターンは効率的なアプローチですか? より良いパターンはありますか?