React如何检测路由更改方法

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

function MyComponent() {
  const history = useHistory();

  useEffect(() => {
    const unlisten = history.listen(() => {
      // 路由更改时执行的操作
      console.log('路由已更改');
    });

    return () => {
      unlisten(); // 组件卸载时取消订阅
    };
  }, [history]);

  return (
    // 组件内容
  );
}

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

function MyComponent(props) {
  const { history } = props;

  useEffect(() => {
    const unlisten = history.listen(() => {
      // 路由更改时执行的操作
      console.log('路由已更改');
    });

    return () => {
      unlisten(); // 组件卸载时取消订阅
    };
  }, [history]);

  return (
    // 组件内容
  );
}

export default withRouter(MyComponent);