[React] useHistory

react-router-dom의 hooks를 사용하여 경로를 설정해보자

사용할 hooks는 useHistory이다.

예제에서 링크를 버튼으로 만든 뒤, onClick 이벤트를 걸어서 경로를 변경시킬 것이다.

import { useHistory } from "react-router-dom";

useHistory를 import 해준다.

const history = useHistory();

<button onClick={() => history.push('/List')}>List 이동</button>

버튼을 클릭 시 해당하는 컴포넌트로 이동하게 된다.