dr + (sun)eam = er
close
프로필 배경
프로필 로고

dr + (sun)eam = er

  • 분류 전체보기
    • Hello, World!
      • dr-sun-eamer
      • tr-sun-aveler
    • TIL
      • FrontEnd
      • BackEnd
      • Linux
      • Cloud
      • Java
      • C
      • DB
      • CS
      • etc
    • Algorithm
      • BOJ
      • programmers
      • LeetCode
      • SWEA
      • JUNGOL
      • SQL
    • ERROR
    • HRM
    • SSAFY
      • SSAFYcial
      • PJT
    • ESCAPE
    • ARCHIVE
  • 홈
  • Hello, world
  • TIL
  • ERROR
[React] pathname 변경에 따라서 헤더 CSS 바꾸기

[React] pathname 변경에 따라서 헤더 CSS 바꾸기

내가 하고 싶었던 것: 헤더에서 내가 선택한 부분의 CSS를 바꾸고 싶었다 처음에는 const page = window.location.pathname();을 사용해서 하려고 해보고 안돼서 [page, setPage]로 선언해서도 해보고 useLocation도 써봤는데 클릭 시점에 state를 변경하면 return부분 렌더링 시점과 맞지 않아서 한박자씩 늦게 변경됐다 아무튼 그래서 열심히 방법을 찾던 끝에 NavLink를 사용해서 완성했다. 코드는 대략 다음과 같다. (isActive ? "selected" : "")}> 📚 기초 개념 isActive는 NavLink의 고유 속성(boolean)으로 사용할 수 있는 듯 하다. pathname 관련 속성 해당 링크로 이동하는 경우 selected라는 클래스..

  • format_list_bulleted TIL/FrontEnd
  • · 2023. 5. 15.
  • textsms
  • navigate_before
  • 1
  • navigate_next
인기 글
최근 글
전체 카테고리
  • 분류 전체보기
    • Hello, World!
      • dr-sun-eamer
      • tr-sun-aveler
    • TIL
      • FrontEnd
      • BackEnd
      • Linux
      • Cloud
      • Java
      • C
      • DB
      • CS
      • etc
    • Algorithm
      • BOJ
      • programmers
      • LeetCode
      • SWEA
      • JUNGOL
      • SQL
    • ERROR
    • HRM
    • SSAFY
      • SSAFYcial
      • PJT
    • ESCAPE
    • ARCHIVE
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바