React Router v4

React Router v4 대 혜택

---

NavLink에서 "activeClassName"및 "activeStyle"을 설정하는 기능 외에도 사이트에서 탐색하지 않는 요소 (예 : 머리글 또는 바닥 글의 기본 탐색이 아님)의 다른 경로에 대한 링크를 만들 때 NavLink over Link 를 사용하는 이유가 있습니까? 활성 상태 / 클래스가 필요하지 않습니까?

---

공식 문서는 분명하다 :

<NavLink>

의 특수 버전은 <Link>현재 URL과 일치 할 때 렌더링 된 요소에 스타일 속성을 추가합니다.

따라서 대답은 NO 입니다. 언급 된 것 외에 다른 이유는 없습니다.

---

active <Link>에서 스타일 또는 클래스 속성을 사용해야 할 때 다음을 사용할 수 있습니다.<NavLink>

예를 보겠습니다.

링크

<Link to="/">Home</Link>

NavLink

<NavLink to="/" activeClassName="active">Home</NavLink>

---

간단히 말해, 사용할 때 선택한 요소에 활성 클래스 <Link>가 없습니다 . 반대로이 요소가 활성 클래스에 추가 되었기 때문에 선택한 요소가 강조 표시됩니다. 당신에게 도움이되기를 바랍니다.
<NavLink>

참조 URL : https://stackoverflow.com/questions/47338077/react-router-v4-navlink-vs-link-benefits