# useHistory
05. 30 useNavigate
처음으로 아예 처음부터 만드는 project 중 생긴 issue.만약 클릭 시 정보를 가지고 페이지를 전화하려면 예전에는 useHistory를 썻으나, 이제는 navigate로 전환이 되었다.기억 또 기억.
[React] 뒤로가기
리액트로 투두를 만들던 도중,뒤로가기를 할 수 없다는 사실을 깨달았다. 오매?당연히 될줄알았는데... 아니였다!! 😱어떤 동작을 해도 react-router-dom을 통해 쿼리를 설정해 놓지 않는 한은 url이 바뀌지가 않는다.흠.사실 뒤로가기를 내가 스택을 사용해서
useHistory, useNavigate로 페이지 이동 후 값 전달 하기
페이지를 이동시키면서 state를 전달하는 방법에 대해서 알아보았다.

react 에서 navigate 사용하기 (useNavigate / Navigate)
useNavigate는 양식이 제출되거나 특정 event가 발생할 때, url을 조작할 수 있는 <span style="color:이렇게 작성한다고 합니다. 이 코드에서의 url이 www.naver.com 이었다면 이는 www.naver.com/comment/i

Hook&Context
Hooks are a new addition in React 16.8npx create-react-app react-hooks-ex컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어려움컨테이너 방식 말고, 상태와 관련된 로직복잡한 컴포넌트들은 이해하기 어려움Class
React | React-Router, location에 state가 있네?
음... 1년동안 개발했는데, 처음 알았다. 반성하게 되었다. history안에 location 안에 state가 있다는 걸을...쩝...문제의 발생은 이렇다. 페이지 내에 있는 목록버튼을 클릭했을 때, 그 이전페이지로 넘어가게 해야하는 상황이었다. 근데, 그 페이지를
history.push() 로 이전 검색 결과 구현하기
취업하고 처음 쓰는 첫 글이다!회사 코드를 작성하면서 '이전 검색 결과' 기능을 구현해야 했다.간단하게 history.goBack() 으로 이전페이지로 돌아감으로써 이전 검색 결과를 구현할 수도 있지만 그렇게 간단하지만은 않았다.예를 들어 '토마토'로 검색해서 관련 검

<Redirect>가 안될 때 history.push({state:})를 사용해보자 - 로그인 후 원래페이지로 이동하기
내가 기록한 코드는 다른 내용도 조금 엮여있는데,로그인 후 페이지 리다이렉트 시키실 분은 빨간 글씨만 봐주시면 될것 같다. 사실 react-router-dom 의 <Redirect> 를 사용하려 했으나, 왜인지 작동하지 않아서 react-router-dom
React Router / useHistory
React Router설치 : npm install react-router-dom@5index.js파일에 import { BrowserRouter } from 'react-router-dom' 입력App컴포넌트의 위 아래를 로 덮는다BrowserRouter를 HashR

[KDT]FCFE - 8주3일 React Practice
: Higher Order Component ( 고차 컴포넌트 )HOC = function(컴포넌트) { return 새로운 컴포넌트;}컴포넌트를 받아 새로운 컴포넌트를 리턴하는 함수 이다.withRouter(컴포넌트) -> router에 의해 호출되지 않아도 matc
React Router의 history (useHistory Hook)
history를 통해서 React 프로젝트에서 뒤로가기, 앞으로가기와 같은 기능을 쉽게 구현할 수 있다. useHistory라는 Hook을 이용하면, 더 유용하게 이를 구현할 수 있다.
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

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

[Mini Project] Monster - Funtion
✅ 간단한 레이아웃 생각해보기 ✅ usehistory ✅ useEffect , deps✅ useParams API GETSearchBox onChange data state 관리Data && SearchData Filtering Props전달Card들을 맵핑해
react-router-dom
import { useHistory } from "react-router-dom"; 사용 const { history } = this.props; 사용