App.js 806 B

1234567891011121314151617181920212223242526272829303132333435
  1. import React from "react";
  2. import {BrowserRouter, Route, Switch } from "react-router-dom";
  3. import Home from "./Home.js";
  4. import Addition from "./Addition.js";
  5. import Subtraction from "./Subtraction.js";
  6. import Navigation from "./Navigation.js";
  7. import Footer from "./Footer.js";
  8. import Error from "./Error.js";
  9. import "bootstrap/dist/css/bootstrap.min.css";
  10. import "./App.css";
  11. function App() {
  12. return (
  13. <div id="wrapper">
  14. <BrowserRouter>
  15. <Navigation />
  16. <Switch>
  17. <Route exact path="/" component={Home} />
  18. <Route path="/addition" component={Addition} />
  19. <Route path="/subtraction" component={Subtraction} />
  20. <Route component={Error} />
  21. </Switch>
  22. </BrowserRouter>
  23. <Footer/>
  24. </div>
  25. );
  26. }
  27. export default App;