Redux 감속기의 부작용

Question

Redux 감속기는 부작용이 없어야합니다. 그러나 컨텐츠가 상점의 상태를 기반으로하는 브라우저에서 파일의 다운로드가 트리거되어야하는 경우에는 어떻게해야합니까? 확실히 이것은 부작용으로 간주되어야합니까? 다음과 같은 것이 좋을까요 아니면 대안적인 방법을 찾아야합니까?

case 'SAVE_GRID': { 
    const { json } = state 
    fileDownload(json, 'data.json', 'application/json') 
    return state 
} 

Answer 1

당신은 매우 복잡한 상태 전환을하지 않는 한, 실제 fileDownload은하지에, 액션 창조자에 발생한다 감속기. 감속기는 병합/축소 상태에 대한 책임을 져야하며 그게 전부입니다.

조치 :

export const saveGrid = (json) => { 
    return (dispatch) => { 
     fileDownload(json, 'data.json', 'application/json') 
      .then(() => { 
       dispatch({ type: 'SAVE_GRID', json }); 
      }); 
    } 
} 

감속기 :

case 'SAVE_GRID': { 
    return { 
     ...state, 
     json: action.json 
    } 
} 

Answer 2

"사이드"효과를 처리 할 라이브러리가 있습니다. 예를 들어

:

• REDUX-관찰 가능한 : 그들은 후드 아래 RX의 관찰 가능한을 사용합니다.

https://redux-observable.js.org/docs/basics/Epics.html

• REDUX-사가

https://redux-saga.js.org/