더북(TheBook)

16.5 라우트 안의 라우트

 

이번에는 라우트 안에 또 다른 라우트를 정의하는 방법을 알아보겠습니다. 먼저 Post라는 페이지 컴포넌트를 만드세요. 이 컴포넌트에서는 params.id 값을 받아 와서 렌더링합니다.

src/pages/Post.js

import React from ‘react’;
 
const Post = ({match}) => {
  return (
    <p>
      포스트 #{match.params.id}
    </p>
 );
};
 
export default Post;

 

Post 페이지를 만든 후 이 컴포넌트를 pages 디렉터리의 index에 등록하세요.

src/pages/index.js

export { default as Home } from ‘./Home’;
export { default as About } from ‘./About’;
export { default as Post } from ‘./Post’;

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