본문 바로가기 메뉴 바로가기

코딩브론즈

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

코딩브론즈

검색하기 폼
  • 분류 전체보기 (189)
    • Algorithm (122)
    • Baking (2)
    • Web 개발 (26)
    • React JS (21)
    • React Native (12)
    • Error (0)
    • Programming (4)
    • Network (1)
  • 방명록

redirect (1)
[ReactJS] ReactJS로 영화 웹 서비스 만들기 (20 完) - Redirect

이제 링크를 통해 정보를 라우터로 보냈다. 하지만 문제가 있다. 영화를 클릭하지 않고 movie-detail을 들어오면 state가 없는 상태(undefined)가 된다. 이 문제를 해결해 보자. 먼저 함수형 컴포넌트였던 Detail 컴포넌트를 클래스 컴포넌트로 바꿔준다. 그 다음, location.state가 undefined일 경우 리다이렉트를 시켜준다. 이게 가능한 이유는 component의 다른 prop인 history 덕분이다. history에는 go, goBack, goForward 등 많은게 있고 이것들이 url을 변경해줄 수 있다. 이제 /movie-detail 을 입력해도 홈으로 리다이렉트 될 것이며 /movie-detail은 클릭으로만 이동할 수 있게 되었다. 이제 "디테일" 이란 문자..

React JS 2021. 4. 23. 07:12
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 백트래킹
  • PriorityQueue
  • 현꾸라지
  • 코딩새내기
  • 객체지향
  • react
  • S2
  • G5
  • Spring
  • 알고리즘
  • g4
  • S3
  • laugh4mile
  • 백준
  • 우선순위큐
  • 문자열
  • DFS
  • 리액트 네이티브
  • 그리디
  • 구현
  • 자바
  • 다익스트라
  • BFS
  • SWEA
  • java
  • Spring Boot
  • 시뮬레이션
  • react native
  • map
  • 리액트
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바