Trasy React Router v4 nie działają
Jestem stosunkowo nowy w reagowaniu i próbuję dowiedzieć się, jak uruchomić router React. Mam super prostą aplikację testową, która wygląda tak:
import React from 'react';
import ReactDOM from 'react-dom';import {BrowserRouter as Router, Route, Switch, IndexRoute, Link} from 'react-router-dom';const Home = () => [b]<Link to= "/about">Click Me</Link>[/b]>
const About = () => [b]About Us[/b]>const Test = () => ( <Router>
<Switch>
<Route path ="/" component = {Home}/>
<Route path ="/about" component = {About}/>
</Switch>
</Router>)ReactDOM.render(<Test/>, document.getElementById('app'));
kiedy uruchamiam aplikację, komponent domowy ładuje się bez problemu, a kiedy klikam łącze „Kliknij mnie”, adres URL zmienia się na localhost/about, jednak nic się nie dzieje. Jeśli kliknę przycisk Odśwież, pojawi się komunikat „Nie mogę POBRAĆ/informacje”. jasne jest, że robię coś złego, ale nie mogłem dowiedzieć się, co dokładnie. Używam również Webpacka.
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
6 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
Jak wspomniano w komentarzach, w przypadku czegoś tak prostego sugerowałbym użycie
Utwórz aplikację React
https://github.com/facebookinc ... t-app
który zweryfikuje Twój kod po stronie serwera i ustawienia pakietu internetowego. Gdy użyjesz , wystarczy użyć , aby zainstalować pakiet reakcji routera v4, a następnie umieścić powyższy kod w pliku i powinno działać. Wprowadzono kilka drobnych zmian w kodzie, aby działał z aplikacją , jak poniżej: [/code]
Instrukcje szybkiego startu z dokumentacji React Router V4
https://reacttraining.com/reac ... start
powiem ci prawie to samo, co właśnie wyjaśniłem.
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
// zawsze na końcu
Nie ma potrzeby umieszczania słowa kluczowego
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
To
umieszczenie komponentu jako trasy podrzędnej rozwiązuje routing mojej strony, mam nadzieję, że pomoże to również komuś innemu
Anonimowy użytkownik
Potwierdzenie od:
Switch
musimy pamiętać, że określamy komponent trasy, z którego będzie pochodzić
najbardziej szczegółowe
przed
Najpopularniejszy
... W twoim przypadku podałeś „/” przed „/ około”., Więc za każdym razem, gdy reakcja szuka „/ około”, ale zejście w dół & < Trasa ”/„ pasuje do „/ około”.
Więc użyj:
"/about"
z przodu
"/"
Więc możesz pominąć
precyzyjny
, i