import "bootstrap/dist/css/bootstrap.min.css";
import Navbar from './components/Navbar';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './components/Home';
import Projects from './components/Projects';
import About from './components/About';
function App() {
return(
<>
<Router>
<Navbar />
<Home />
<Projects />
<About/>
</Router>
</>
);
}
export default App;
The following code is found in the file './Projects':
import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
function Projects() {
return (
<h1>Proj</h1>
);
}
export default Projects;
After clicking on the link to the Projects page, the content of the function Projects() does not display. Assistance is requested.