다음으로 이 컨테이너 컴포넌트를 PostListPage에서 렌더링해 주면 페이지네이션 기능의 구현이 모두 끝납니다.

    pages/PostListPage.js

    import React from 'react';
    import HeaderContainer from '../containers/common/HeaderContainer';
    import PostListContainer from '../containers/posts/PostListContainer';
    import PaginationContainer from '../containers/posts/PaginationContainer';
    
    const PostListPage = () => {
      return (
        <>
          <HeaderContainer />
          <PostListContainer />
          <PaginationContainer />
        </>
      );
    };
    
    export default PostListPage;

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