react router 4-如何创建具有嵌套路由但回退到未找到的根路径

npm install react-router-dom

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

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/nested" component={Nested} />
        <Route component={NotFound} />
      </Switch>
    </Router>
  );
};

const Home = () => {
  return (
    <div>
      <h1>Home</h1>
      <Link to="/nested">Go to Nested</Link>
    </div>
  );
};

const Nested = () => {
  return (
    <div>
      <h1>Nested</h1>
      <Link to="/">Go to Home</Link>
    </div>
  );
};

const NotFound = () => {
  return (
    <div>
      <h1>404 - Not Found</h1>
      <Link to="/">Go to Home</Link>
    </div>
  );
};