React Router v5 -如何在位置改变时强制路由始终重新渲染？

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

function App() {
  const [key, setKey] = useState(0);

  const forceRerender = () => {
    setKey(prevKey => prevKey + 1);
  };

  return (
    <Router>
      <div>
        <button onClick={forceRerender}>强制重新渲染</button>
        <Route key={key} path="/example" component={ExampleComponent} />
      </div>
    </Router>
  );
}

function ExampleComponent() {
  return <div>这是一个示例组件</div>;
}

export default App;