판교너굴맨의 개발노트

  • 홈
  • 태그
  • 방명록

withRouter 1

[React] 라우터 컴포넌트가 아닌 컴포넌트의 주소 값 받기

문제 발생 페이지가 이동하면 window.location.pathname의 값이 페이지 별로 받아와야 하는데 로딩 시에만 받아와서 헤더 컴포넌트가 원하는 화면에 출력되지 않음 해결 과정 contents 컴포넌트는 router가 적용된 컴포넌트가 아니기 때문에 window.location.pathname의 값이 로딩 될 때 한 번 받아오고 컴포넌트 끼리 라우터 될 때는 값을 받아오지 못했다고 생각함. 해결 withRouter함수로 라우터 컴포넌트가 아닌 contents컴포넌트를 감싸면 해당 컴포넌트에 라우터 기능이 적용 되어 history, match 등의 함수를 사용할 수 있으며, 페이지 이동 시(라우터 페이지) 주소 값을 받아올 수 있음 function Contents({ history }: Route..

React 2021.06.16
1
더보기
프로필사진

공지사항

  • Github
  • 분류 전체보기 (77)
    • JavaSctipt (11)
    • React-native (12)
    • React (16)
    • node.js (13)
    • Vue.js (3)
    • Backend (7)
    • 개발공부 & Network & OS (5)
    • Git & Etc (7)
    • 자료구조 & 알고리즘 (3)

Tag

TypeScript, react-i18next, react, nodejs, Vue, Javascript, React Native, socket, 열결리스트, Map, nodemon, node, NVM, Firebase, eslint, react-native, React Native Testing Library, react native cli, Android, git,

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바