如何让React响应子文件夹URL请求？

npm install react-router-dom

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

const Routes = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
      <Route path="/subfolder" component={Subfolder} />
    </Switch>
  </Router>
);

export default Routes;

import React from 'react';
import Routes from './routes';

const App = () => (
  <div>
    <h1>My React App</h1>
    <Routes />
  </div>
);

export default App;

import React from 'react';
import { Route, Switch } from 'react-router-dom';
import SubfolderHome from './SubfolderHome';
import SubfolderAbout from './SubfolderAbout';

const Subfolder = () => (
  <div>
    <h2>Subfolder</h2>
    <Switch>
      <Route exact path="/subfolder" component={SubfolderHome} />
      <Route path="/subfolder/about" component={SubfolderAbout} />
    </Switch>
  </div>
);

export default Subfolder;