如何在react导航中重置

import { BrowserRouter, Route, Link } from 'react-router-dom';

render() {
  return (
    <BrowserRouter>
      {/* 导航组件 */}
    </BrowserRouter>
  );
}

<Link to="/home">Home</Link>
<Link to="/about">About</Link>
<Link to="/contact">Contact</Link>

<Route path="/home" component={Home} />
<Route path="/about" component={About} />
<Route path="/contact" component={Contact} />

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

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

  function handleResetNavigation() {
    history.push('/home');
  }

  return (
    <button onClick={handleResetNavigation}>Reset Navigation</button>
  );
}