React-router-dom

History 객체는 브라우저의 history와 유사하다

리액트에서 페이지를 이동할 수 있는 이유는 ?
: react-router-dom 을 이용하여 페이지의 기록을 알 수 있음.

History 객체를 콘솔로 찍어보면 메소드와 관련 객체들이 나오지.

앞뒤로 이동할 수 있는 메소드 : goBack(), goForward(),

Match.params로 path에 설정한 파라미터 값을 가져올 수 있음.

• url이 매칭된 것에 대한 정보가 담겨있음

• path : [string] 라우터에 정의된 path

• url : [string] 실제 클라이언트로부터 요청된 url path

• isExact : [boolean] true 일 경우, 전체 경로가 완전히 매칭될 경우에만 요청을 수행

• params : [JSON object] url path로 전달된 파라미터 객체

  Location.search로 현재 url 쿼리스트링을 가져올 수 있다.

• location 객체에는 현재 페이지의 정보를 가지고 있다

• pathname: [string] 현재 페이지의 경로명

• search: [string] 현재 페이지의 query string

• hash : [string] 현재 페이지의 hash

  History에는 stack에 현재까지 이동한 url 경로들이 담겨있는 형태로 주소를 변경하거나 돌아갈수 있게 해주지

• length : [number] 전체 history 스택의 길이

• action : [string] 최근에 수행된 action (Push, replace, pop)