라우트 파라미터와 useParams관련 질문드립니다.

Question

const { workspace } = useParams <{ workspace : string }>(); console . log ( 'workspace param name1 : ' , workspace ); workspace의 값이 계속 undefiend로 출력되고 있습니다. 현재 URL주소는 다음과 같습니다. http://localhost:3090/workspace/sleact/channel/일반 /App/index.tsx 파일에서도 /workspace/:workspace 로 해놓은 상황입니다. import React from 'react' ; import loadable from '@loadable/component' ; import { Switch , Route , Redirect } from 'react-router-dom' ; const LogIn = loadable (() => import ( '@pages/LogIn' )); // 코드 스플리팅 const SignUp = loadable (() => import ( '@pages/SignUp' )); const Workspace = loadable (() => import ( '@layouts/Workspace' )); const App = () => { return ( < Switch > < Redirect exact path = "/" to = "/login" /> < Route path = "/login" component = { LogIn } /> < Route path = "/signup" component = { SignUp } /> < Route path = "/workspace/:workspcae" component = { Workspace } /> ); }; export default App ; 의심가는 부분들은 어느정도 다 봤다고 생각하는데요. params가 undefined된 값을 출력하네요. import { Redirect } from 'react-router' ; import { Link , Switch , Route , useParams } from 'react-router-dom' ; 혹시 import가 문제가 있나 싶어서 useParams를 react-router와 react-router-dom 각각 불러왔는데도 마찬가지입니다.

제로초(조현영) · Answer

workspcae 오타입니다.

부부 개발단 토토(김성박) · Answer

헐. 감사합니다. 이런 기초적인 실수를 하다니.... 몇번을 확인하였는데 -_-;;;;;;;;; 번거롭게 해서 죄송합니다.