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

순곰님의 프로필 이미지
순곰

작성한 질문수

처음 만난 리덕스(Redux)

(실습) React와 Redux 연동하기

getDefaultMiddleware 질문 드립니다

해결된 질문

작성

·

292

1

const store = configureStore({
    reducer:rootReducer,
    middleware: (getDefaultMiddleware)=>{
        const defaultMiddleware = getDefaultMiddleware();
        return [...defaultMiddleware];
    }
});

강사님 마지막 실습코드에서
여기서 기본미들 웨어를 가져 오는 이유를 잘 모르겠습니다

 

 

답변 1

0

Inje Lee (소플)님의 프로필 이미지
Inje Lee (소플)
지식공유자

안녕하세요, 소플입니다.

기본 미들웨어를 가져오는 이유는 나중에 다른 미들웨어(예: sagaMiddleware)를 끼워넣기 위함입니다.

아래는 실습 최종 코드인데 sagaMiddleware를 끼워넣는 것을 볼 수 있습니다.

const store = configureStore({
    reducer: persitedReducer,
    middleware: (getDefaultMiddleware) => {
        const defaultMiddleware = getDefaultMiddleware({
            serializableCheck: {
                ignoredActions: [
                    FLUSH,
                    REHYDRATE,
                    PAUSE,
                    PERSIST,
                    PURGE,
                    REGISTER,
                ],
            },
        });
        return [...defaultMiddleware, sagaMiddleware];
    },
});

이런 형태로 다른 미들웨어들을 연동할 수 있다고 보시면 됩니다!

 

감사합니다.

순곰님의 프로필 이미지
순곰

작성한 질문수

질문하기