react-hooks (1) 썸네일형 리스트형 [React] react-router-dom의 유용한 Hooks! 알아두면 유용하게 사용할 수 있는 세가지 hook을 알아보자! useHistory - history 객체는 페이지 전체를 리로드하지 않고 주소를 임의로 변경하거나 되돌릴 때 사용한다. - 또한, 화면 전환과 함께 데이터를 전달할 수도 있다. 아래 코드에서 history.push("other", {movie})를 보면 path 주소를 other로 바꿔줌과 동시에 해당 컴포넌트에 movie 데이터를 전달하게 된다. 그렇게 되면 하위 컴포넌트에서 다시 movie에 대한 정보를 비동기적으로 요청하여 가져오지 않아도 된다. 보통, 구글링에 찾아보면 history.push({ pathname: "/other", state: { movie }}) 이런식으로 많이 사용하던데, 아래 그림과 같은 방법이 더 간단하다! -.. 이전 1 다음
