인프런 커뮤니티 질문&답변

안녕하세요 제로초님.

useParams로 channel 값을 불러오면 undefined가 나와 문의드립니다.

아래 첨부한 소스코드와 같이 route를 구성해두었는데. 강의에 있는 InviteChannelModal 컴포넌트에서 channel을 불러오면 undefined가 뜹니다.

혹시몰라 workspace.tsx에 정의해둔 route대로 Channel 컴포넌트에 들어가서 호출해보니 Channel 컴포넌트에서는 workspace와 channel 두가지 값 모두 정상적으로 불러올 수 있습니다.

route를 타고 들어가지 않은 다른 요소에서 channel이라는 파라미터값을 사용하려면 어떻게 해야 할까요?

app.tsx

    <Routes>
        <Route path="/" element={<Navigate replace to="/login" />} />
        <Route path={"/login"} element={<SignIn />} />
        <Route path={"/signup"} element={<SignUp />} />
        <Route path={"/workspace/:workspace/*"} element={<Workspace />} />
    </Routes>

workspace.tsx

    <Routes>
        <Route path={"channel/:channel"} element={<Channel />} />
        <Route path={"dm/:id"} element={<DirectMessage />} />
    </Routes>