[React] NavLink 사용하기

몽이·2021년 12월 18일
0

React

목록 보기
14/17

NavLink 사용하기

  • Navigation용 link
<NavLink to="/faq" activeClassName="selected">
  FAQs
</NavLink>

NavLink에는 activeClassName이라는 속성이 있는데, 뒤에 문자열로 원하는 클래스 이름을 적으면 이 페이지가 active일 때 선택한 태그의 클래스로 들어가게 됩니다.

→ 현재 위치하고 있는 페이지의 글씨를 강조하여 현재 어느 페이지에 위치해있는지 알기 쉽게 해줍니다.

profile
풀스택 개발자가 되는 날까지 달리자!

0개의 댓글