React Router - Data API를 사용하는 Router

Router 사용하는 순서는 아래와 같습니다. App.js - router 생성 및 RouterPrivder 정의 routes 배열 정의 - path 및 element 각 컴포넌트 정의 App.js - router 생성 - createBrowserRouter를 통한 Router 생성 - RouterPrivder 정의 import { createBrowserRouter, RouterProvider } from 'react-router-dom'; import routes from '@/routes/routes'; const router = createBrowserRouter(routes); function App() { return <RouterProvider router={router} />; } export default App; routes.js - path 및 element 정의 const routes = [ { path: '/', element: <HomePage />, }, ...

원문링크 : React Router - Data API를 사용하는 Router