안녕하세요, <리액트 라우터 2 : navigate, nested routes, outlet>를 수강중인 학생입니다.
리액트 부트스트랩 홈페이지에서 마음에 드는 Nav 디자인을 가져와서 선생님 강의를 보며 공부를 하고 있는데,
<Link>태그에 onClick으로 navigate() 함수를 코딩했는데 페이지 이동이 되지 않아서
선생님과 같은 <Nav.Link>로 앞에 Nav.를 붙여서 작동시키니 페이지 이동이 되더라구요.
<Nav.Link onClick={() => { navigate("/detail"); }}> 상세페이지 </Nav.Link> ⭕
<Link onClick={() => { navigate("/detail"); }}> 상세페이지 </Link> ❌
(개발자 도구에서 <Link>에 링크가 어떻게 걸려있는지 확인을 해보았을 때 이렇게 기재가 되어있었습니다)
navigate()함수는 <Link>태그에서는 사용이 안 되고 <Nav.Link>에서 사용이 가능한 함수인가요?
만약 그렇다면 <Link>태그는 to 속성이 있어서 그런건가요?