Redux-Sagaの状態変更

Question

私は単純なReact Appを持っています。ユーザーはフォームを編集してデータベース内のデータを更新できます。送信すると、フォームデータを含むアクションが生成されます。 Redux Sagaは、アクションを実行し、データベースを非同期に更新します。これはすべて動作します。

しかし、1つのケースでは更新がやや複雑です。新しいデータを追加するだけでなく、フォーム上で削除されたデータは、一連のAPI呼び出しでデータベースから削除する必要があります。これを行うには、新しい状態ではなく、変更されたもの（削除されたものなど）を知る必要があります。

私のサガはこの情報にどのようにアクセスできますか？それは前の状態へのアクセスを持っているので、私は減速機でそれを計算することができましたが、それは一般的に減速機のためのアンチパターンであることが新しいアクションをディスパッチするために開催されます。

Answer 1

サガースにはselectというエフェクトがあり、これはセレクタ機能を実行して抽出された状態を返します。あなたはReduxのストアから古いものと新しいアイテムを取得するためにこれを使用し、そこからの変化に対応することができます

function* handleFormUpdates() { 
    const oldItem = yield select(selectOldItem); 
    const newItem = yield select(selectNewItem); 

    const changes = diffTheItems(oldItem, newItem); 

    // make API calls to deal with changes appropriately 
} 

全体的に、これは中に「一時的」または「ドラフト」状態を維持するための良い理由がありますReduxを使用して、ロジック内の「現在」と「下書き」の両方の値を使用することができます。

私はあなたがデータベースを言うとき、それはサーバー上のデータベースを意味しているのPractical Redux, Part 7: Form Change Handling, Data Editing, and Feature ReducersとPractical Redux, Part 8: Form Draft Data Management