Pytania otagowane jako react-router

React Router - Kompletna biblioteka routingu dla React inspirowana systemem routingu Ember

9
Pobieranie parametrów zapytania z fragmentu skrótu reagującego-routera
Używam routera React i React dla mojej aplikacji po stronie klienta. Nie mogę dowiedzieć się, jak uzyskać następujące parametry zapytania z adresu URL, takiego jak: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Moje trasy wyglądają tak (ścieżka jest całkowicie błędna, wiem): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> …
27
React.createElement: typ jest nieprawidłowy - oczekiwano ciągu
Próbuję uzyskać responsywny router (v4.0.0) i reagujący-hot-loader (3.0.0-beta.6), aby grać ładnie, ale otrzymuję następujący błąd w konsoli przeglądarki: Ostrzeżenie: React.createElement: type jest nieprawidłowy - oczekiwano ciągu znaków (dla komponentów wbudowanych) lub klasy / funkcji (dla komponentów złożonych), ale otrzymano: undefined. Prawdopodobnie zapomniałeś wyeksportować komponentu z pliku, w którym jest zdefiniowany. …
5
Jaki jest najlepszy sposób na przekierowanie strony za pomocą React Router?
Jestem nowy w React Router i dowiedziałem się, że istnieje wiele sposobów przekierowania strony: Za pomocą browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Za pomocą this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …
7
React-router i nginx
Przenoszę moją aplikację React z serwera webpack-dev-server na nginx. Kiedy przechodzę do głównego adresu URL „localhost: 8080 / login”, po prostu otrzymuję 404 iw moim dzienniku nginx widzę, że próbuje uzyskać: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or directory), client: 172.20.0.1, server: …
2
Routing klienta (za pomocą routera reaktywnego) i routing po stronie serwera
Myślałem i jestem zdezorientowany z routingiem między klientem a serwerem. Załóżmy, że używam ReactJS do renderowania po stronie serwera przed wysłaniem żądania z powrotem do przeglądarki internetowej i używam React-router jako routingu po stronie klienta do przełączania się między stronami bez odświeżania jako SPA. Przychodzi mi na myśl: Jak interpretowane …
6
Jak zatrzymać / # / w przeglądarce z React-routerem?
Czy jest jakiś sposób, aby zapobiec /#/wyświetlaniu się w pasku adresu przeglądarki podczas korzystania z React-router? Tak jest z ReactJS. tzn. kliknięcie linków, aby przejść do nowej trasy pokazuje localhost:3000/#/lub localhost:3000/#/about. W zależności od trasy.
7
Jak uzyskać historię na React-router v4?
Mam mały problem z migracją z React-Router v3 do v4. w wersji 3 mogłem to zrobić wszędzie: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Jak mogę to osiągnąć w v4. Wiem, że mógłbym użyć withRouterrekwizytów hoc , kontekstu reakcji lub routera zdarzeń, gdy jesteś w komponencie. ale tak nie jest …
1
React-Router: Jaki jest cel IndexRoute?
Nie rozumiem, jaki jest cel używania IndexRoute i IndexLink . Wygląda na to, że w każdym przypadku poniższy kod wybrałby najpierw komponent Home, chyba że została aktywowana ścieżka About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> Jaka …
11
Komponent nie jest montowany ponownie po zmianie parametrów trasy
Pracuję nad aplikacją React przy użyciu routera React-router. Mam stronę projektu, która ma następujący adres URL: myapplication.com/project/unique-project-id Po załadowaniu komponentu projektu wyzwalam żądanie danych dla tego projektu ze zdarzenia componentDidMount. Mam teraz problem, w którym jeśli przełączę się bezpośrednio między dwoma projektami, zmieni się tylko identyfikator ... myapplication.com/project/982378632 myapplication.com/project/782387223 myapplication.com/project/198731289 …
11
Jak ustawić DefaultRoute na inną trasę w React Router
Mam: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> Podczas korzystania z DefaultRoute SearchDashboard renderuje się nieprawidłowo, ponieważ każdy * Dashboard musi być renderowany w Dashboard. Chciałbym, aby moja DefaultRoute w „app” …
7
Właściwość „history” jest oznaczona jako wymagana w „Router”, ale jej wartość to „undefined”. w routerze
Jestem nowy w ReactJs. To jest mój kod: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); i kompilowanie go za pomocą pakietu internetowego. Dodałem również komponent Main do moich aliasów. Konsola …
4
React Router v4 Zalety <NavLink> vs <Link>
Oprócz możliwości ustawienia „activeClassName” i „activeStyle” w NavLink, czy istnieje jakikolwiek powód, aby używać NavLink over Link podczas tworzenia łączy do innych tras na elementach niezwiązanych z nawigacją (tj. Nie jest to główna nawigacja w nagłówku lub stopce) w Twojej witrynie które nie potrzebują aktywnego stanu / klasy?
9
Jak uzyskać parametry zapytania w React-router v4
W moim projekcie używamreak-router-dom 4.0.0-beta.6. Mam następujący kod: &lt;Route exact path="/home" component={HomePage}/&gt; Chcę uzyskać parametry zapytania w HomePagekomponencie. Znalazłem location.searchparametr, który wygląda ?key=valuetak:, więc nie został przeanalizowany. Jaki jest właściwy sposób uzyskiwania parametrów zapytania za pomocą routera React-router v4?
22
React router zmienia adres URL, ale nie wyświetla
Mam problem ze zmianą widoku w odpowiedzi na routing. Chcę tylko pokazać listę użytkowników, a kliknięcie każdego użytkownika powinno prowadzić do strony szczegółów. Oto router: import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter } from 'react-router-dom'; import Users from "./components/Users"; import { Router, Route } from "react-router"; …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.