How to get parameter from react router dom v6

({ match })가 보인다면 그건 v5이다.

React Router에게 화나는 점 😊

• 바꿔도 너무 많이 바꿨다.
• 공식 문서가 친절하지 않다.
• v6으로 검색해도 v5가 나온다.

more 페이지 뒤에 /

• https://localhost:3000/more/{값}

  • App.tsx에서 path 수정
  • useParams() 사용

const App = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/more/:type" element={<More />} />

App.tsx

  const { type: typeParam } = useParams();

More.tsx (type을 typeParam으로 사용하겠다)

help 페이지 뒤에 #

• https://localhost:3000/help#{값}

  • /help#notice처럼 링크 수정
  • useLocation() 사용

  const location = useLocation();
  console.log(location.hash);