Pytania otagowane jako react-router

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

30
Nawiguj programowo za pomocą routera reagującego
Za react-routerpomocą tego Linkelementu mogę tworzyć linki, które są natywnie obsługiwane przez router reagujący. Widzę, że to wewnętrzne połączenia this.context.transitionTo(...). Chcę zrobić nawigację. Nie z linku, ale z rozwijanego wyboru (jako przykład). Jak mogę to zrobić w kodzie? Co to jest this.context? Widziałem Navigationmixin, ale czy mogę to zrobić bez …

30
Adresy URL routera React nie działają podczas ręcznego odświeżania lub pisania
Używam routera React i działa dobrze, kiedy klikam przyciski łącza, ale po odświeżeniu strony nie ładuje się, co chcę. Na przykład jestem w localhost/joblistśrodku i wszystko jest w porządku, ponieważ przybyłem tutaj, naciskając link. Ale jeśli odświeżę stronę, otrzymam: Cannot GET /joblist Domyślnie tak nie działało. Początkowo miałem URL jak …

30
Nieprzechwycony błąd: Niezmienne naruszenie: Typ elementu jest niepoprawny: oczekiwano ciągu (dla komponentów wbudowanych) lub klasy / funkcji, ale otrzymano: obiekt
Otrzymuję ten błąd: Nieprzechwycony błąd: Niezmienne naruszenie: Typ elementu jest niepoprawny: oczekiwany ciąg (dla komponentów wbudowanych) lub klasa / funkcja (dla komponentów złożonych), ale dostał: obiekt. To jest mój kod: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link …

27
React - jak uzyskać wartość parametru z ciągu zapytania
Jak mogę zdefiniować trasę w pliku tras.jsx w celu przechwycenia __firebase_request_keywartości parametru z adresu URL wygenerowanego przez proces pojedynczego logowania Twittera po przekierowaniu z ich serwerów? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Próbowałem z następującą konfiguracją tras, ale :redirectParamnie łapie wspomnianego parametru: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

21
Jak przejść do historii w React Router v4?
W bieżącej wersji React Router (v3) mogę zaakceptować odpowiedź serwera i użyć, browserHistory.pushaby przejść do odpowiedniej strony odpowiedzi. Nie jest to jednak dostępne w wersji 4 i nie jestem pewien, jaki jest właściwy sposób obsługi tego. W tym przykładzie przy użyciu Redux wywołanie składników / app-product-form.jsthis.props.addProduct(props) po przesłaniu formularza przez …

23
reaktor-router - przekazuje rekwizyty do komponentu modułu obsługi
Mam następującą strukturę dla mojej aplikacji React.js używającej React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute handler={Dashboard}/> …


7
Zagnieżdżone trasy z reakcyjnym routerem v4 / v5
Obecnie mam problemy z zagnieżdżaniem tras przy użyciu routera reagującego v4. Najbliższym przykładem była konfiguracja trasy w dokumentacji React-Router v4 . Chcę podzielić moją aplikację na 2 różne części. Frontend i obszar administracyjny. Myślałem o czymś takim: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> </Match> <Match …


8
React Router v4 - Jak uzyskać aktualną trasę?
Chciałbym wyświetlić titlein, <AppBar />które zostało w jakiś sposób przekazane z bieżącej trasy. W jaki sposób w React Router v4 <AppBar />można uzyskać przekazanie bieżącej trasy do jej właściwości title? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> …

4
Żadnych ograniczonych globali
Używam React i Redux do tworzenia aplikacji internetowej, a kiedy zaczynałem projekt, otrzymałem to: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Dużo szukam sposobu rozwiązania tego problemu, ale żadna ze znalezionych odpowiedzi nie pomogła mi, więc zwróciłem się do przepełnienia …


10
Jak powiedzieć serwerowi webpack dev, aby obsługiwał index.html dla dowolnej trasy
Router React umożliwia obsługę aplikacji React /arbitrary/route. Aby to zadziałało, potrzebuję, aby mój serwer wysyłał aplikację React na dowolną dopasowaną trasę. Jednak serwer webpack nie obsługuje dowolnych punktów końcowych. Jest tutaj rozwiązanie wykorzystujące dodatkowy serwer ekspresowy. Jak zezwolić serwerowi webpack-dev-server, aby zezwolił na punkty wejścia z routera reagującego Ale nie …

9
Przekaż rekwizyty w Link React-Router
Korzystam z React z React-Router. Próbuję przekazać właściwość w „Łączu” routera reagującego var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link …

6
React-Router: Nie znaleziono trasy?
Rozważ następujące: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; Mam szablon …
132 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.