[TIL_개발일기_210318] useHistory

*하루동안 새롭게 알게된 부분, 에러를 해결한 방법 등을 작성하는 개발일기입니다. 다른 사람에게도 설명해줄 수 있도록 제 머릿속에 넣기 위해 정리를 시작하게 되었습니다.

 

useHistory

저번에는 history를 사용하기 위해 컴포넌트를 withRouter로 감싸주고 history 객체에 접근했지만, useHistory를 사용해서도 history 객체에 접근할 수 있다. 

 

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

const Main = () => {
    const history = useHistory(); 

    return (
        <Center>
            <Button onClick={() => history.push('/chat')} style={{ marginBottom: '2rem' }}>잡담해요</Button>
            <Button onClick={() => history.push('/need')} style={{ marginBottom: '2rem' }}>필요해요</Button>
            <Button onClick={() => history.push('/chatwithdev')}>개발자와 소통해요</Button>
        </Center>
    );
};

export default Main;