react-router-dom
import { BrowserRouter, Switch, Route } from "react-router-dom" return <BrowserRouter> <Route path="/"> <Home/> </Route> <Route path="/about"> <About/> </Route> <Route path="/about/:id"> <Portfolio/> </Route> </BrowserRouter>
<Switch>๋ฅผ ์ฐ์ง์๊ณ Route๋ง ํ๊ฒ๋๋ฉด "/" ์๋ํฌ์ธํธ์ ๊ฑธ๋ฆฌ๊ณ , "/about" ์๋ํฌ์ธํธ์ ๊ฑธ๋ฆฌ๊ธฐ ๋๋ฌธ์
๋๊ฐ์ ํ์ด์ง๊ฐ ๋์์ ์ถ๋ ฅ์ด ๋๋ค.
"/" ํ์ด์ง์ exact path๋ฅผ ์ฐ๋ฏ๋ก ์ ์ธ๋ฅผ ์์ผ์ค๋ค.
<Switch>๋ก ๊ฐ์ธ๊ฒ๋๋ฉด, ๊ฐ์ฅ ์ฒ์์ ๊ฑธ๋ฆฌ๋ ํ์ด์ง"๋ง" ์ถ๋ ฅํ๊ฒ ๋๋ฏ๋ก exact path์ ๊ฐ์ด ์ฌ์ฉํ์!
useHistory ์ฌ์ฉ ์ id๊ฐ ๋ด๊ธฐ๋ฆฌ์กํธ ๋ผ์ฐํฐ