React-router-dom

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๊ฐ’ ๋‹ด๊ธฐ
๋ฆฌ์•กํŠธ ๋ผ์šฐํ„ฐ