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