redux-thunk란?

리덕스에서 비동기 작업을 처리할 때 가장 많이 사용하는 미들웨어 라이브러리이며, 이것을 통해 액션 객체가 아닌 함수를 디스패치 할 수 있음

redux-thunk 미들웨어는 API 호출이 필요할 때만 사용됨

함수를 디스패치할 때는 해당 함수에서 dispatch와 getState를 파라미터로 받아와야하는데 이 함수를 만들어주는 함수를 thunk라고 함

• 설치

  yarn add redux-thunk
  

• thunk란?
  특정 작업을 나중에 할 수 있도록 미루기 위해 함수 형태로 감싼 것

  const add = (x) => x++;
  // thunk 함수
  const addThunk = (x) => () => add(x);
  
  const n = addThunk(1);
  setTimeout(() => {
    // n이 실행되는 시점에서 연산
    const value = n();
    console.log(value);
  }, 1000);