如何使用react路由器dom来呈现一个组件中另一个组件中的链接？

npm install react-router-dom

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

function Component1() {
  return (
    <div>
      <h1>Component 1</h1>
      <Link to="/component2">Go to Component 2</Link>
    </div>
  );
}

function App() {
  return (
    <Router>
      <Route path="/" exact component={Component1} />
      <Route path="/component2" component={Component2} />
    </Router>
  );
}

function Component2() {
  return (
    <div>
      <h1>Component 2</h1>
      <p>This is Component 2.</p>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));