# useHistory

15개의 포스트

history.push() 로 이전 검색 결과 구현하기

취업하고 처음 쓰는 첫 글이다!회사 코드를 작성하면서 '이전 검색 결과' 기능을 구현해야 했다.간단하게 history.goBack() 으로 이전페이지로 돌아감으로써 이전 검색 결과를 구현할 수도 있지만 그렇게 간단하지만은 않았다.예를 들어 '토마토'로 검색해서 관련 검

4일 전
·
0개의 댓글
post-thumbnail

<Redirect>가 안될 때 history.push({state:})를 사용해보자 - 로그인 후 원래페이지로 이동하기

내가 기록한 코드는 다른 내용도 조금 엮여있는데,로그인 후 페이지 리다이렉트 시키실 분은 빨간 글씨만 봐주시면 될것 같다. 사실 react-router-dom 의 &lt;Redirect> 를 사용하려 했으나, 왜인지 작동하지 않아서 react-router-dom

2022년 4월 22일
·
0개의 댓글

[TIL] d+34

🛫 useHistory() 사용해 props 넘겨주기

2022년 4월 9일
·
0개의 댓글

React Router / useHistory

React Router설치 : npm install react-router-dom@5index.js파일에 import { BrowserRouter } from 'react-router-dom' 입력App컴포넌트의 위 아래를 로 덮는다BrowserRouter를 HashR

2022년 2월 14일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 8주3일 React Practice

: Higher Order Component ( 고차 컴포넌트 )HOC = function(컴포넌트) { return 새로운 컴포넌트;}컴포넌트를 받아 새로운 컴포넌트를 리턴하는 함수 이다.withRouter(컴포넌트) -> router에 의해 호출되지 않아도 matc

2022년 1월 12일
·
0개의 댓글

React Router의 history (useHistory Hook)

history를 통해서 React 프로젝트에서 뒤로가기, 앞으로가기와 같은 기능을 쉽게 구현할 수 있다. useHistory라는 Hook을 이용하면, 더 유용하게 이를 구현할 수 있다.

2022년 1월 11일
·
0개의 댓글
post-thumbnail

[React] useHistory() 사용하여 페이지 뒤로가기

useHistory()를 사용하기 전에 react-router가 설치되어 있어야 한다.📌 react-router 시작하기1) useHistory를 import한다.2) 변수를 하나 생성해서 useHistory 함수를 담는다.이제 history라는 변수에 페이지 방문

2022년 1월 1일
·
0개의 댓글

React-Router.2 Hooks

react-router-dom 5.1v 부터 3가지의 hooks을 제공합니다.설치는 이전과 동일합니다.터미널에 react-router-dom 설치 1\. yarn add react-router-dom2\. npm install react-router-domuseHist

2021년 5월 22일
·
0개의 댓글
post-thumbnail

TIL 61일차

useHistory, 정규 표현식

2021년 4월 2일
·
0개의 댓글

useHistory, useLocation, useParams

useHistory, useLocation, useParams

2021년 2월 18일
·
0개의 댓글
post-thumbnail

React Router dom의 유용한 hooks들 📃

안녕하세요! 오늘은 제가 프로젝트들을 진행 해오면서 편리함을 느꼈던 react-router-dom의 유용한 hooks들에 대해서 소개하려고 합니다.

2021년 2월 3일
·
2개의 댓글
post-thumbnail

[Mini Project] Monster - Funtion

✅ 간단한 레이아웃 생각해보기 ✅ usehistory ✅ useEffect , deps✅ useParams API GETSearchBox onChange data state 관리Data && SearchData Filtering Props전달Card들을 맵핑해

2021년 1월 3일
·
0개의 댓글

react-router-dom

import { useHistory } from "react-router-dom"; 사용 const { history } = this.props; 사용

2020년 11월 21일
·
0개의 댓글