caprover-template-router

App.jsx

import React from 'react';

import Router from './Router'
import './App.css'
import logo from './reactlogo.png';

function App() {
  return <Router />;
}

export default App;

Home.jsx

import React from 'react';

import logo from './reactlogo.png';

function Home() {
  return (
    <main className="container">
      <div className="item">
        <img src={logo} alt="React Logo" />
      </div>
      <div className="item">
        <h1>Home page</h1>
      </div>
      <div className="item">
        <p>Welcome to your fresh React App &#127752;</p>
      </div>
    </main>
  );
}

export default Home;

Router.jsx

import React from "react";
import { BrowserRouter, Switch, Route } from "react-router-dom";

import Home from "./Home";

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

export default Router;