리액트에서는 페이지를 이동할 때, a태그 대신, Link를 써준다. a태그를 쓸 때는 새창으로 열때 사용한다.
next.js 에서 사용할때는 별도로 react-router-dom을 설치하지않아도된다.
Link를 사용하려면, 먼저 react-router-dom을 설치하지않아도된다. 를 설치해준다.
npm install react-router-dom@6 //6버전 설치
import { Link } from 'react-router-dom';
<Link to="경로">내용</Link>
import { Routes, Route, Link } from "react-router-dom";
import Home from './Home';
import Login from './Login';
function App() {
return (
<div>
<Link to="/home">home</Link>
<Link to="/login">login</Link>
<Routes>
<Route path="/home" elemenet={<Home/>}>
<Route path="/home" elemenet={<Login/>}></Route>
</Routes>
</div>
);
}