如何显示两个react组件

import React from 'react';
import Component1 from './Component1';
import Component2 from './Component2';

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <Component1 />
        <Component2 />
      </div>
    );
  }
}

export default ParentComponent;

npm install react-router-dom

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

class App extends React.Component {
  render() {
    return (
      <Router>
        <div>
          <Route path="/component1" component={Component1} />
          <Route path="/component2" component={Component2} />
        </div>
      </Router>
    );
  }
}

export default App;