如何使用back-/next-按钮在片段之间移动

// routes.js
import React from 'react';
import { Route } from 'react-router-dom';
import Fragment1 from './Fragment1';
import Fragment2 from './Fragment2';

const routes = [
  { path: '/fragment1', component: Fragment1 },
  { path: '/fragment2', component: Fragment2 },
];

export default routes;

// App.js
import React from 'react';
import { BrowserRouter as Router, Link, Route } from 'react-router-dom';
import routes from './routes';

function App() {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/fragment1">Fragment 1</Link>
            </li>
            <li>
              <Link to="/fragment2">Fragment 2</Link>
            </li>
          </ul>
        </nav>

        {routes.map((route, index) => (
          <Route
            key={index}
            path={route.path}
            exact
            component={route.component}
          />
        ))}
      </div>
    </Router>
  );
}

export default App;