[React] Link

import {Link} from 'react-router-dom';

• Link
  html의 a 태그, 즉 link를 걸어 준다.
  a태그를 사용할 경우 페이지를 새로고침 시키게 되는데, Link Component를 사용하면 새로고침 없이 페이지를 변경 시킬 수 있다.
  Link Component는 Router 안에서만 동작한다.

Link 컴포넌트는 HTML5 History API를 사용하여 브라우저의 주소만 바꿀 뿐, 페이지를 새로 불러오지는 않는다.

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

export default function Home(){
	return (
    	<div>
        	<header>
            	<div>
                	<Link to="/posts/new">글쓰기</Link>
                    <Link to="/posts">게시글</Link>
                    <Link to="/profile">프로필</Link>
                </div>
            </header>
        </div>
    );
}

참고 블로그
https://gomgomkim.tistory.com/9