더북(TheBook)

16.6.2 match

 

match는 <Route> 컴포넌트에서 설정한 path와 관련된 데이터들을 조회할 때 사용합니다. 현재 URL이 같을지라도 다른 라우트에서 사용된 match는 다른 정보를 알려 줍니다. Post 라우트와 Posts 라우트에서 match 값을 한번 기록해 보세요.

src/pages/Post.js

import React from ‘react’;
 
const Post = ({location, match}) => {
  console.log(‘Post’, match);
 
  (...)

 

src/pages/Posts.js

import React from ‘react’;
import { Post } from ‘pages’;
import { Link, Route } from ‘react-router-dom’;
 
const Posts = ({match}) => {
  console.log(‘Posts:’, match);
  (...)

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