NavLink

[프론트엔드] react router v6 NavLink

이전 글 2022.03.21 - [분류 전체보기] - [프론트앤드] react router v6 NavLink 1. NavLink 사용 예제 - Profiles.js v6 버전에서 NavLink 사용 방법은 동일하나 activeStyle, activeClassName 속성이 삭제되었다. 따라서 아래와 같이 NavLink 태그안에 isActive를 선언하여 활성화시키고 싶은 스타일에 css를 적용 할 수 있다. (클릭/활성화 시 active class 변경됨) import React from "react"; import { NavLink, Route, Routes } from 'react-router-dom' import Profile from "./Profile"; const Profiles = () =..