React-路由器onChange挂钩

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';

const App = () => {
  const handleRouteChange = (location, action) => {
    // 在这里执行自定义操作
    console.log('路由发生变化:', location.pathname);
  };

  return (
    <Router onChange={handleRouteChange}>
      <Route path="/" exact component={Home} />
      <Route path="/about" component={About} />
      <Route path="/contact" component={Contact} />
    </Router>
  );
};

const Home = () => <h1>首页</h1>;
const About = () => <h1>关于</h1>;
const Contact = () => <h1>联系我们</h1>;

export default App;