Navigation 추가하기

 

1. Navigation component를 추가합니다.

import React from "react";
import { Link } from "react-router-dom";

function Navigation() {
  return (
    <div>
      <Link to="/">Home</Link>
      <Link to="/about">About</Link>
    </div>
  );
}

export default Navigation;

2. Navigation component를 App.js에서 임포트 합니다.

- 이때 클릭하면 새 페이지로 로딩되면서 페이지를 가져옵니다. (a 태그의 특징입니다.)

- 따라서 이것을 방지하기 위해 Link to를 사용합니다.