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

작성자 없음

작성자 정보가 삭제된 글입니다.

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

서버사이드렌더링 준비하기

Cannot read property 'dispatch' of undefined

작성

352

export const getServerSideProps = wrapper.getServerSideProps(async (context) => {
  context.store.dispatch({
    type: LOAD_USER_REQUEST,
  })
  context.sotre.dispatch({
    type: LOAD_POSTS_REQUEST,
  })
  context.store.dispatch(END)
  await context.sotre.sagaTask.toPromise()
})

위 코드를 실행했을 때

dispatch of undefined라는 오류가 뜹니다.

configureStore.js 에서 store와 dispatch의 log를 찍어보면 잘 나오는데 왜 저런 오류가 뜨는걸까요?

redux의 전은 6이에요.

Next.js express nodejs redux react

퀴즈

클라이언트사이드 렌더링(CSR)과 비교했을 때, 서버사이드 렌더링(SSR)의 주된 장점은 무엇일까요?

개발 복잡성 감소

초기 로딩 속도 개선 및 빠른 콘텐츠 표시

실시간 데이터 업데이트 용이

브라우저 호환성 문제 없음

답변 2

ChangKeun Ji

export const getServerSideProps = wrapper.getServerSideProps(
  (store) => async () => {
    store.dispatch({
      type: LOAD_MY_INFO_REQUEST,
    });

    store.dispatch({
      type: LOAD_POSTS_REQUEST,
    });

    // REQUEST 가 saga 에서 SUCCESS 될 때까지 기다려준다
    store.dispatch(END);
    await store.sagaTask.toPromise();
  }
);