如何在App.js文件中路由到具有不同index.html的页面？

npm install react-router-dom

yarn add react-router-dom

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

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </Switch>
    </Router>
  );
}

// Home.js
import React from 'react';

function Home() {
  return (
    <div>
      <h1>Home Page</h1>
      {/* 具体的页面内容 */}
    </div>
  );
}

export default Home;

// About.js
import React from 'react';

function About() {
  return (
    <div>
      <h1>About Page</h1>
      {/* 具体的页面内容 */}
    </div>
  );
}

export default About;