[React] 훅(Hook) - useNavigate

 

 

- 페이지 이동을 도와줌

- 보통 변수에 저장해서 사용

import { Routes, Route, Link, useNavigate, Outlet } from 'react-router-dom';


function App() {

let navigate = useNavigate();

return(
<Nav.Link onClick={() => { navigate('/detail')}}>Detail</Nav.Link>

<Nav.Link onClick={() => { navigate(-1)}}>뒤로 한 페이지 이동</Nav.Link>
<Nav.Link onClick={() => { navigate(1)}}>앞으로 한 페이지 이동</Nav.Link>

)




}