webpack-router-generator/examples/webpack-lazy-router/src/App.js

A routing list is generated automatically according to the information defined in the file, which is used in webpack.

import { BrowserRouter, Link } from "react-router-dom"
import MyRouter from "./router";
function App() {
  return (
    <BrowserRouter>
      <Header />
      <hr />
      <MyRouter />
    </BrowserRouter>

  );
}

function Header() {
  return <h1>
    <Link to="/">Index</Link> |
    <Link to="/test">Test</Link> |
    <Link to="/user">User</Link>
  </h1>
}

export default App;