React Router, 3가지 사용 방법

1. Route 자식 요소에 Component 추가

 <Route>
   <APage />
 </Route>

const APage = () => <div>Hello World !!!</div>;

• APage를 라우터에 적용한다

2. Route component 속성 사용

 <Route component={APage} />
   
const APage = ({history, location, match}) => <div>Hello World !!!</div>;

• APage를 라우터에 적용한다
• Props 속성으로 history, location, match 전달 받는다

3.Route render 속성 사용

 <Route render={APage} isActive={false} />
   
const APage = (props: any) => <div>Hello World !!!</div>;

• APage를 라우터에 적용한다
• render 적용 시, 2번 항목과 동일하게 router 정보를 제공 받는다.
• Route를 감싸고 있는 컴포넌트에서 이외에 속성을 props로 넘겨줄 수 있다.