[리액트/SPA] react-router로 SPA개발 3


[리액트/SPA] react-router로 SPA개발 3

리액트 라우터 부가 기능historyhistory 객체는 라우트로 사용된 컴포넌트에 match, location과 함께 전달되는 props 중 하나로, 이 객체를 통해 컴포넌트 내에 구현하는 메서드에서 라우터 API를 호출할 수 있다.예를 들어 특정 버튼을 눌렀을 때 뒤로 가거나, 로그인 후 화면을 전환하거나, 다른 페이지로 이탈하는 것을 방지해야 할 때 history를 활용한다.http://localhost:3000/history 에서 확인을 해 보면,버튼이 잘 작동하는 걸 알 수 있다.withRouterwithRouter 함수는 HoC(Higher-order Component)이다. 라우트로 사용된 컴포넌트가 아니어도 match, location, history 객체를 접근할 수 있게 해 준다.withRouter를 사용할 때는 컴..........



원문링크 : [리액트/SPA] react-router로 SPA개발 3