werde zu einer leeren Seite weitergeleitet wenn ich über react-router-dom zur neuen klasse leiten will

nikva

Bekanntes Mitglied
Hallo, ich versuche grade zu testen, wie ich in react zu einer neuen Klasse weiterleite aber erhalte nur eine leere weiße Seite wenn ich den Path /test eingebe. Es werden auch nicht die css Eigenschaften übernommen, was bedeudet, dass die Klasse nicht geladen wird. Hab auch schon das react-router-dom modul installiert aber das hat nichts geholfen. Hoffe hier hat jemand nen Tipp
Hier meine Klassen:
Javascript:
import logo from './logo.svg';
import './App.css';

export default function App() {
  return ( 
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}
Javascript:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import reportWebVitals from './reportWebVitals';
import Test from './components/test';
import { BrowserRouter, Route } from 'react-router-dom';
import Home from './App';

const routes = (
  <BrowserRouter>
    <div>
      <Route exact path='/' component={Home}></Route>
      <Route exact path='/teams' component={Test}></Route>
    </div>
  </BrowserRouter>
)


ReactDOM.render(
  routes,
  document.getElementById('root')
);
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
Javascript:
import './test.css';
import React, { Component } from 'react';

class Test extends React.Component {
  
 
  render() {
    return(
        <p>test</p>
    )
    }

}
export default Test
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
M Funktion in einer Funktion Angular, React, JQuery - Fragen zu JavaScript 1
Q Mit JavaScript Daten aus einer Textdatei verarbeiten Angular, React, JQuery - Fragen zu JavaScript 2
pkm Frage zu einem nicht funktionierenden setInterval bei einer ExtJS-Komponente Angular, React, JQuery - Fragen zu JavaScript 1
N Checkbox Daten in ein Form Feld auf einer anderen Seite übergeben Angular, React, JQuery - Fragen zu JavaScript 19
M Textfeld -- Nach einer erstmaligen Eingabe, eine zweite Eingabe nur noch gegen Bestätigung möglich Angular, React, JQuery - Fragen zu JavaScript 4
Oskar.p Wie gebe ich einen "Input" einer Website, an einer anderen Stelle wieder aus? Angular, React, JQuery - Fragen zu JavaScript 5
O Skript zur Darstellung von Bildern auf einer einfachen Website Angular, React, JQuery - Fragen zu JavaScript 17
N Antworten einer Quizfrage aus der Json Datenbank mappen Angular, React, JQuery - Fragen zu JavaScript 25
pkm Problem mit Reaktivität bei einer Vue in Vue.js Angular, React, JQuery - Fragen zu JavaScript 0
X Mehrfaches Nutzen einer Funktion Angular, React, JQuery - Fragen zu JavaScript 1
H Bilder auf einer Webseite anzeigen Angular, React, JQuery - Fragen zu JavaScript 4
Anfänger2011 Ergebnis einer Funktion direkt in Variable speichern Angular, React, JQuery - Fragen zu JavaScript 6
E Aufbau einer URL Angular, React, JQuery - Fragen zu JavaScript 2
P Lauftext als Java Script Mehrmals auf einer Seite abspielen funktioniert nicht Angular, React, JQuery - Fragen zu JavaScript 3
A Facebool und Twitter an einer Stelle Angular, React, JQuery - Fragen zu JavaScript 1
P mehrere Funktionen in einer aufrufen und onklick zuweisen Angular, React, JQuery - Fragen zu JavaScript 14
K dynamischer Headbereich einer Webseite Angular, React, JQuery - Fragen zu JavaScript 3
S Problem mit Aufruf einer *.js-Datei Angular, React, JQuery - Fragen zu JavaScript 2
G hintergrundbild einer webseite per uhrzeit zu verändern Angular, React, JQuery - Fragen zu JavaScript 4
J Mehrere Alertboxen auf einer seite möglich ? Angular, React, JQuery - Fragen zu JavaScript 2
G Wer kann mir Helfen, bei einer automatischen Diashow? Angular, React, JQuery - Fragen zu JavaScript 2
R onload Aufruf einer Funktion in einer Funktion Angular, React, JQuery - Fragen zu JavaScript 2
S HTML Cod in einer bestimmten stelle einfügen. Angular, React, JQuery - Fragen zu JavaScript 12
H Zelle einer Tabelle auslesen Angular, React, JQuery - Fragen zu JavaScript 2
G Status einer dynamischen erstellten "Checkbox[]" ä Angular, React, JQuery - Fragen zu JavaScript 3
C Flashfilm aus einer HTML-Seite im Fullscreen öffnen Angular, React, JQuery - Fragen zu JavaScript 2
S Verweise einer Auswahlliste in einem IFrame anzeigen Angular, React, JQuery - Fragen zu JavaScript 5
M Frage wegen einer einfachen Java Bildergalerie Angular, React, JQuery - Fragen zu JavaScript 8
G Erstellungsdatum/-zeit einer anderen Datei ausgeben Angular, React, JQuery - Fragen zu JavaScript 2
F Browser-/OS-Abfrage beim Laden einer Internetseite Angular, React, JQuery - Fragen zu JavaScript 3
M 2 PopUps auf einer .htm...Probleme Angular, React, JQuery - Fragen zu JavaScript 2
G Aufruf von Methoden mit leeren Parametern Angular, React, JQuery - Fragen zu JavaScript 8

Ähnliche Java Themen

Neue Themen


Oben