App.js 896 B

12345678910111213141516171819202122232425262728293031323334353637
  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 Help from "./Help.js";
  7. import Navigation from "./Navigation.js";
  8. import Footer from "./Footer.js";
  9. import Error404 from "./Error404.js";
  10. import "bootstrap/dist/css/bootstrap.min.css";
  11. import "./App.css";
  12. function App() {
  13. return (
  14. <div id="wrapper">
  15. <BrowserRouter>
  16. <Navigation />
  17. <Switch>
  18. <Route exact path="/" component={Home} />
  19. <Route path="/addition" component={Addition} />
  20. <Route path="/subtraktion" component={Subtraction} />
  21. <Route path="/hilfe" component={Help} />
  22. <Route component={Error404} />
  23. </Switch>
  24. </BrowserRouter>
  25. <Footer/>
  26. </div>
  27. );
  28. }
  29. export default App;