useLocation1 [React] useLocation으로 특정 페이지에서만 컴포넌트 띄우기 기본적으로 모든 페이지에 헤더 네비게이션 바가 보여지되, 로그인 페이지나 회원가입 페이지 등 일부 페이지에서는 헤더가 뜨지 않게 만들고 싶었다. 원래는 헤더가 보여져야 하는 페이지가 헤더 컴포넌트를 포함하게 코드를 짰더니 state가 따로따로 작동되지 않고 같이 작동되는 문제가 있었다.. (헤더의 검색창 클릭 상태가 true이면 보여지는 애니메이션이 있는데, 검색창이 true인 상태로 헤더와는 완전 별개인 메인 페이지에서 다른 state의 상태가 바뀌면 검색창 애니메이션이 자꾸 보여짐 ㅠ;) 처음에는 useState를 써서 모든 페이지가 로딩될 때 props를 넘겨줘야 하나 고민했지만.. 분명히 더 간단한 방법이 있을 거라 생각하고 검색의 늪으로 빠졌다.. 찾아낸 방법은 useLocation을 쓰는 것!.. 2023. 12. 23. 이전 1 다음
