더북(TheBook)

컨테이너 컴포넌트를 만드는 과정에서 URL 파라미터로 받아 온 id 값을 조회해야 하기 때문에 withRouter도 함께 사용했습니다. 그리고 언마운트될 때는 UNLOAD_POST 액션을 실행시키도록 코드를 작성했습니다.

컨테이너 컴포넌트를 다 만들었으면, PostPage에서 기존 PostViewer 컴포넌트를 PostViewer Container 컴포넌트로 대체시키세요.

pages/PostPage.js

import React from 'react';
import HeaderContainer from '../containers/common/HeaderContainer';
import PostViewerContainer from '../containers/post/PostViewerContainer';

const PostPage = () => {
  return (
    <>
      <HeaderContainer />
      <PostViewerContainer />
    </>
  );
};

export default PostPage;

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.