如何在点击时在React中重定向？

npm install react-router-dom

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

import React, { useState } from 'react';
import { Redirect } from 'react-router-dom';

function MyComponent() {
  const [redirect, setRedirect] = useState(false);

  const handleClick = () => {
    setRedirect(true);
  };

  if (redirect) {
    return <Redirect to="/new-page" />;
  }

  return (
    <div>
      <button onClick={handleClick}>点击重定向</button>
    </div>
  );
}

export default MyComponent;

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

function App() {
  return (
    <Router>
      <Route path="/" component={MyComponent} />
    </Router>
  );
}

export default App;