You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

App.jsx 957B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. import React, { Component } from 'react';
  2. import './App.css';
  3. import Zettel from './Zettel';
  4. import NotFound from './NotFound'
  5. import { BrowserRouter as Router, Route, Switch, Redirect, } from 'react-router-dom';
  6. import Nav from './Nav';
  7. export default class App extends Component {
  8. render(){
  9. return (
  10. <Router>
  11. <Nav></Nav>
  12. <Switch>
  13. <Route path="/" exact render={() => {return <Redirect to="/zettel" />;}} />
  14. <Route path="/zettel" component={Zettel} />
  15. <Route path="/hinzufügen" component={Zettel} />
  16. <Route path="/" component={NotFound} />
  17. </Switch>
  18. </Router>
  19. );
  20. }
  21. }
  22. // <Route path="/" exact component={Zettel} />
  23. // <Route path="/hinzufügen" exact component={Zettel} />
  24. /*
  25. alter return
  26. return (
  27. <div>
  28. <h1>APP</h1>
  29. <Zettel />
  30. </div>
  31. );
  32. */