4강

BrowserRouter

function Router(){
    return (
        <BrowserRouter>
            <Header />
            <Routes>
                <Route path="/" element={<Home />} />
                <Route path="/about" element={<About />}/>
            </Routes>
        </BrowserRouter>
    );
}
export default Router;

5강

5.0 params

interface ICoinProps {
    coinId : string,
}

function Coin () {
    const params = useParams<ICoinProps>();
    console.log(params);
    return <h1>i am coin 💥💥{params.coinId}</h1>
}

또는

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

type Params = {
  coinId: string;
};

function Coin() {
  const { coinId } = useParams<Params>(); // 제네릭으로 타입 명시
  return <h1>i am coin {coinId}</h1>;
}

export default Coin;