이 코드처럼 withRouter를 사용할 때는 컴포넌트를 내보내 줄 때 함수로 감싸 줍니다. JSON.stringify의 두 번째 파라미터와 세 번째 파라미터를 위와 같이 null, 2로 설정해 주면 JSON에 들여쓰기가 적용된 상태로 문자열이 만들어집니다.

다 만들었다면 이 컴포넌트를 Profiles 컴포넌트에 렌더링해 보세요.

Profiles.js

import React from 'react';
import { Link, Route } from 'react-router-dom';
import Profile from './Profile';
import WithRouterSample from './WithRouterSample';
 
const Profiles = () => {
  return (
    <div>
      (...)
      <WithRouterSample />
    </div>
  );
};
 
export default Profiles;

---