異なるローディングアクションのためのReduxストア構造化

Question

私はTodoListを持っています。 TodoItemが変更されると、Httpリクエストが行われます。私は送信ボタンをブロックし、ユーザーにロード中であることを示したいと思います。しかし、私は店を構成する方法に苦労しています。私が思いついた

ひとつのアイデアは、すべてのTodoItemになどを削除、変更などのアクションごとにフラグを追加することでしたが、この解決策は少し面倒なようだ：異なる格納するためのベストプラクティスです

store : { 
    todos: { 
    items: [ 
     { 
     id: 5, 
     text: "foo bar", 
     action: { 
      changing: true, // Is set after user submitted change until server response 
      deleting: false // Is set after user clicked delete button until server response 
     } 
     } 
    ] 
    } 
} 

何同じアイテムのローディングアクション？

Answer 1

あなたのようなあなたのactionの値としてstringを保存する必要があります：サイドノートで

store : { 
     todos: { 
     items: [ 
      { 
      id: 5, 
      text: "foo bar", 
      action: "changing", // or "deleting" 
     } 
     ] 
    } 

- あなたはできるだけ正規化された自分の状態を維持する必要があります。
あなたはそれについてもっと読むことができますnormalizr