강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

i1004gy님의 프로필 이미지
i1004gy

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

redux-thunk 이해하기

redux toolkit에서는 redux thunk가 들어있는건가요?

작성

·

420

0

import { configureStore } from "@reduxjs/toolkit";
import { createWrapper } from "next-redux-wrapper";
import reducer from "../reducers";


function getServerState() {
  return typeof document !== "undefined"
    ? JSON.parse(document.querySelector("#__NEXT_DATA__").textContent)?.props
        .pageProps.initialState
    : undefined;
}

const serverState = getServerState();
console.log("serverState", serverState);
const makeStore = () => {
  configureStore({
    reducer,
    devTools: true,
    middleware: (getDefaultMiddleware) =>
      getDefaultMiddleware(),
    preloadedState: serverState, // SSR
  });
};

export default createWrapper(makeStore);

https://redux-toolkit.js.org/api/getDefaultMiddleware
이걸 읽어보니

configureStore에서 middleware의getDefaultMiddleware()에 redux thunk가 이미 추가가 되어있는거 같은데 맞나요?

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 이미 들어있습니다. createAsyncThunk로 액션 만들어서 쓰시면 됩니다.

i1004gy님의 프로필 이미지
i1004gy

작성한 질문수

질문하기