如何重定向到函数中的另一个组件？

import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';
import Home from './components/Home';
import About from './components/About';
import NotFound from './components/NotFound';

const App = () => {
  return (
    <Router>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
      <Route path="/redirect" render={() => <Redirect to="/about" />} />
      <Route component={NotFound} />
    </Router>
  );
};

export default App;

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

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

  const redirectToAbout = () => {
    history.push('/about');
  };

  return (
    <div>
      <button onClick={redirectToAbout}>重定向到About组件</button>
    </div>
  );
};