컨테이너 컴포넌트를 만드는 과정에서 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;

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