Redux-Saga의 상태 변경

Question

간단한 React App이 있습니다. 사용자가 양식을 편집하여 데이터베이스의 데이터를 갱신 할 수 있습니다. 제출시 페이지에서 양식 데이터로 작업을 생성합니다. Redux Saga는 작업을 수행하고 비동기 적으로 데이터베이스를 업데이트합니다. 이것은 모두 작동합니다.

그러나 한 가지 경우에는 업데이트가 약간 더 복잡합니다. 새 데이터를 추가해야 할뿐만 아니라 양식에서 삭제 된 데이터는 일련의 API 호출로 데이터베이스에서 삭제해야합니다. 이렇게하려면 새로운 상태가 아니라 무엇이 변경되었는지 (예 : 삭제 된 항목) 알아야합니다.

내 사가가이 정보에 액세스하려면 어떻게해야합니까? 이전 주에 대한 액세스 권한이 있기 때문에 감속기에서 계산할 수 있지만 일반적으로 감속기가 새로운 조치를 파견하기위한 반 패턴으로 유지됩니다.

Answer 1

사가 스는 select 효과가 있습니다.이 효과는 선택기 기능을 실행하고 추출 된 상태를 반환합니다. 당신은 돌아 오는 저장소에서 이전 및 새 항목을 검색하려면이 옵션을 사용하고, 거기에서 변경을 처리 할 수 ​​있습니다

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