<p>props.match.params.videoId 가 안먹히는 분들은 최근 나온 라우터버전 v6 를 사용하시는 분들일겁니다.</p>
<p>&nbsp;</p>
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #89ddff; font-style: italic;">import</span> <span style="color: #89ddff;">{</span><span style="color: #f07178;"> </span>useParams<span style="color: #f07178;"> </span><span style="color: #89ddff;">}</span> <span style="color: #89ddff; font-style: italic;">from</span> <span style="color: #89ddff;">"</span><span style="color: #c3e88d;">react-router-dom</span><span style="color: #89ddff;">";</span></div>
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">&nbsp;</div>
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #89ddff;">임포트 하시고 </span></div>
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div style="line-height: 19px;"><span style="color: #c792ea;">const</span><span style="color: #f07178;"> </span>videoId<span style="color: #f07178;"> </span><span style="color: #89ddff;">=</span><span style="color: #f07178;"> </span><span style="color: #82aaff;">useParams</span><span style="color: #f07178;">()</span><span style="color: #89ddff;">.</span>videoId<span style="color: #89ddff;">;</span></div>
<div style="line-height: 19px;">&nbsp;</div>
<div style="line-height: 19px;"><span style="color: #89ddff;">요런 형태로 받으시면 됩니다 </span></div>
</div>

<p>공유해주셔서 너무 감사합니다 !!!</p>

따라하며 배우는 노드, 리액트 시리즈  - 유튜브 사이트 만들기

router v6 params 변경점

비디오 디테일 페이지 만들기

MERN 스택 시작을 위한 기본 코드 제공

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

router v6 params 변경점