기존 리액트 라우터 방식 v5
import { BrowserRouter, Route, Switch } from "react-router-dom";
import Home from "./Home";
import Login from "./Login";
function App() {
return (
<BrowserRouter>
<Switch>
<Route path="/" exact render={() => <Home />} />
<Route path="/Login" exact component={Login} />
</Switch>
</BrowserRouter>
);
}
export default App;
새로 업데이트 된 v6
import { BrowserRouter, Route, Routes } from "react-router-dom";
import Home from "./home";
import Login from "./login";
function App() {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />}></Route>
<Route path="/login" element={<Login />}></Route>
</Routes>
</BrowserRouter>
);
}
export default App;