React本机导航不更新道具

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

class Navigation extends Component {
  componentDidUpdate(prevProps) {
    if (this.props.location !== prevProps.location) {
      // 调用导航库提供的方法来更新导航
      // 例如，使用React Router可以调用history.push方法
      this.props.history.push(this.props.location);
    }
  }

  render() {
    return (
      <div>
        <Link to="/page1">Page 1</Link>
        <Link to="/page2">Page 2</Link>
      </div>
    );
  }
}

class App extends Component {
  render() {
    return (
      <Router>
        <Navigation />
        <Route path="/page1" component={Page1} />
        <Route path="/page2" component={Page2} />
      </Router>
    );
  }
}

export default App;