Ergebnis 1 bis 1 von 1
-
05-10-2021, 10:56 #1
ReactJS - Route über mehrere Seiten?
Auch mit der Gefahr, das ich hier nicht ganz richtig bin stelle ich doch mal eine Frage, die mir sicher jemand beantworten kann.
Es geht um ReactJS in Kombination mit NodeJS.
Bin da auch ein absoluter Neuling drin aber habe da Ideen, die am besten damit gelöst werden.
Ich versuche eine einfache Webseite zu erstellen, welche nur eine dynamische Unterseite beinhalten soll, wo Content angezeigt werden soll. Diese Webseite ist aber 1 von 3 Teilen, die zu Anfang aufgerufen werden können.
Standartmäßig einfacher URL Aufruf soll die Webseite aufrufen.
Des weiterem gibt es noch eine Seite mit einem Login Bildschirm und als drittes wäre nach dem Login noch ein separates Dashboard.
Dieses funktioniert soweit auch schon ganz gut.
Meine App.js die zu Anfang aufgerufen wird:
PHP-Code:return (
<div className="App">
<BrowserRouter>
<Switch>
<Route path="/" exact component={Main}/>
<PublicRoute path="/login" exact component={Login}/>
<PrivateRoute path="/dashboard" exact component={Dashboard}/>
<Route path="*" component={E404} />
</Switch>
</BrowserRouter>
</div>
);
Meine Main.jsx sieht dann wie folgt aus:
PHP-Code:import React from 'react';
import {BrowserRouter, Switch, Route} from 'react-router-dom';
import "./Main.css";
import Navbar from './Navbar/Navbar';
import Home from './_Sites/Home';
import Content from './_Sites/Content';
function Main() {
return (
<div className="homepage">
<Navbar />
<BrowserRouter>
<Switch>
<Route path='/' exact component={Home}/>
<Route path='/Content/:id' exact component={Content}/>
</Switch>
</BrowserRouter>
</div>
);
}
export default Main;
Rufe ich jetzt ein Link auf (z.b: <Link className="cards__item__link" to={props.path}>mehr...</Link>) springt auch das Fenster so um wie ich es möchte.
Mein Problem ist einfach ein Logikfehler, den ich sogar irgendwo sehe aber nicht weis, wie ich es Lösen soll.
Gebe ich jetzt den Link im Browser direkt ein (z.b. localhost:3000/Content/Zeige-mir-Content) dann lande ich auf die 404 Seite.
Es wir mit Sicherheit mit <Route path='/'> in beiden Dateien zusammenhängen aber wie macht man das richtig?
Gruß, Terra
Ähnliche Themen
-
countdown über mehrere seiten
Von tobias1982 im Forum JavaScriptAntworten: 1Letzter Beitrag: 13-06-2006, 15:29 -
Formular über mehrere Seiten
Von TschiEm im Forum JavaScriptAntworten: 3Letzter Beitrag: 07-05-2006, 18:51 -
Variablenbindung über mehrere Seiten?
Von OlafS im Forum JavaScriptAntworten: 0Letzter Beitrag: 08-09-2005, 14:10 -
suche: umfrage über mehrere Seiten
Von flexi im Forum Serverseitige ProgrammierungAntworten: 3Letzter Beitrag: 15-08-2003, 13:13 -
Suchfunktion über mehrere Seiten
Von streifi im Forum JavaScriptAntworten: 2Letzter Beitrag: 19-12-2002, 04:40
Lesezeichen