판교너굴맨의 개발노트

  • 홈
  • 태그
  • 방명록

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

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

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.