[React] 미들웨어

미들웨어

---

액션객체로 디스패치가 발생하여 리듀서로 전달하는 중간과정부분

 

액션함수가 아니여도 디스패치할 수 있는 함수

 

액션객체 값을 변경하여 전달하거나, 액션객체를 무시하거나 등 처리가 가능

 

 

미들웨어 파라미터

---

store, action, next를 전달 받는데

 

이중 next를 실행하면 다음 미들웨어 없으면 리듀서에게 전달된다

 

next를 실행시키지않으면 액션 디스패치를 무시하게됨

 

 

thunk

---

특정  작업을 나중으로 미루기위해 함수로 감싸놓은 형태

 

 

 

redux-thunk

---

객체생성함수에서 객체가 아닌 함수를 리턴할수있도록 가능하게함

redux-thunk 미들웨어에서 액션이 함수로 전달되면 dispatch, getState를 넣어서 전달해줌

function incrementIfOdd() {
  return (dispatch, getState) => {
    const { counter } = getState();

    if (counter % 2 === 0) {
      return;
    }

    dispatch(increment());
  };
}