React: useNavigate 페이지 이동

메인페이지로 이동하기를 눌렀을때 해당 페이지로 이동하게 만들고 싶어 🚘

우선 react-router-dom 을 설치해주세요 !

npm i react-router-dom

사용법은 매우 간단합니다.
useNavigate('경로') << 이런식으로 경로만 적어주면 됩니다.

---

사용예시 )

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

상단에 import 해주시고

import React from "react";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import Main from "../pages/Main";

export default function router() {
  return (
    <>
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<Main />}></Route>
        </Routes>
      </BrowserRouter>
    </>
  );
}

이렇게 사용하면 됩니다~

저는 메인페이지를 기본경로로 (/) 설정하였고, 메인페이지로 이동하고 싶었기때문에 navigate("/") 라고 적었습니다.