다른 로딩 동작을위한 Redux 저장소 구조화

Question

단일 Todos를 변경하거나 삭제할 수있는 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

에 있습니다.