[리액트]Link

임하나·2023년 4월 22일
0

[리액트]

목록 보기
2/2

Link

리액트에서는 페이지를 이동할 때, 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>
  );
}

0개의 댓글