2017-07-14 5 views
-2

私は以下の問題を解決するための最良の方法についての考えに興味があります。私はreact-reduxの状態を維持しています。何か、たとえば、エンティティの集合です。私は(API呼び出しを介して)持続するか、またはサーバからエンティティを取得する場合にのみ状態を更新します。私はそれを永続化する前にエンティティを編集できるフォームを持っています(これはシングルトンフォームではなく、引数のためにエンティティごとにアクティブなフォームと仮定しましょう)。基本的に私が解決しようとしている問題は、reduxストアのエンティティのスクラッチパッドのコピーをフォームコンポーネントにバインドする方法、フォームの編集全体が保存されている場合にのみ永続化する(サーバーとストアに返す)各編集はサーバーへのラウンドトリップを必要とし、それはあまり効果的ではないので、完全な(状態を介してストアに直接フォームにバインドされていない)。アイデアは大歓迎です。ありがとう。次のようにだから私は時に決めた解決策があるreact-reduxでスクラッチパッドビューステートを維持する

+0

誰も回答していないので、私が感じていることを思い付いたので、問題に対する許容可能な解決策です。他の誰かが同じ情報を探している場合は、ここでそれを共有します。 – Hashibuto

答えて

0

  1. はReduxの状態から指定されたエンティティのコピーを取り、編集が始まるときに、ローカルの状態で保管してください。
  2. 編集は、エンティティの永続化アクションによって還元状態に対して行われます。こうして、還元状​​態は常に最新の状態になります。
  3. 編集が中止された場合、コピーはredux状態に戻されます。
  4. 編集が完了すると、エンティティを保持するために非同期アクションが送出されます。ビューの状態は既に最新です。

これは私にとってはうまくいくようです。

関連する問題