STUDY/React

React | 브라우저 뒤로가기 버튼 감지

개미606 2022. 2. 25. 09:23

react-router-dom으로 브라우저의 뒤로가기 버튼 클릭을 감지할 수 있다.
history.listen을 이용하는 방법인데, location이 변경될 때 마다 실행되는 콜백 함수다.

const history = useHistory();

  useEffect(() => {
    let unlisten = history.listen((location) => {
      if (history.action === 'PUSH') {
      }
      if (history.action === 'POP') {
      }
    });

    return () => {
      unlisten();
    };
  }, [history]);

 

 

GitHub - remix-run/history: Manage session history with JavaScript

Manage session history with JavaScript. Contribute to remix-run/history development by creating an account on GitHub.

github.com