그냥 Link는 to 속성을 사용해서 url을 변경해주는 a태그같은 기능을 하는 아이라면,
NavLink는 거기에 플러스 스타일을 지정할 수 있다.
리액트 웹의 현재 URL과 to가 가리키는 링크가 일치할 때, activeStyle과 activeClassName이 활성화 되고 일치하지 않으면 비활성화가 된다. 즉, 현재 URL과 to가 가리키는 링크가 똑같다면 해당 div에 스타일을 지정할 수 있다.
그래서 navbar나 sidebar를 만들 때 내가 어떤 탭을 선택하면 location을 변경시키고, 해당 탭이 선택되었음을 보여줄 수 있도록 걔의 스타일을 다르게 할 수 있는 것이다.
- 참고 자료 -
Hello, World