Routing w React dla początkujących

0

Witam, napotkałem się na projekt na GitHub i w ramach nauki Reacta chciałem dodać swój komponent i do niego routing ale po kompilacji nie ładuje mi widoku. Mógł by ktoś mi podpowiedzieć jak dodawać nowe komponenty i routing?
stworzyłem sobie w folderze components plik Info.js oraz routing w index.js
podobnie jest z NotFound które stworzył autor tego projektu. Też nie ma informacji z pliku notfounds.js tylko pusty widok

<Provider store={store}>
		<BrowserRouter>
			<Switch>
				<Route exact path="/" component={Home} />
				<Route path="/r/:room" component={Room} />
				<Route path="/login" component={Info}/>
				<Route path="*" component={NotFound} />
			</Switch>
		</BrowserRouter>

Dla przykładu chcę wyświetlić localhost/Info , ale mam pusty widok bez informacji w nim zawarty.

Link do GitHuba :
https://github.com/dondido/webrtc-video-room?fbclid=IwAR1ldRcmOr8ZqfNDlZnfpS5CVaaHAuXqNdCBpj9NJmONptjv24gJNaYCM2A

W czym moze być problem?

0

Spojrzałem w repo i zobaczyłem, że używasz react-router-dom w wersji 4.3.1.

Generalnie od 4tej wersji jak chcesz wyświetlić konkretny widok na "not found", to musisz zadeklarować mu "Route" bez atrybutu "path", czyli w Twoim przypadku:

<Route component={NotFound} />

Powinno wtedy zadziałać :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1