Pytania otagowane jako react-router-v4

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 …
16
Nawiguj programowo, używając routera reagującego V4
Właśnie wymieniłem react-routerz v3 na v4. Ale nie jestem pewien, jak programowo nawigować w funkcji członka Component. tzn. w handleClick()funkcji chcę nawigować /path/some/wherepo przetworzeniu niektórych danych. Robiłem to przez: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Ale nie mogę znaleźć takich interfejsów w wersji 4. Jak nawigować za pomocą v4?
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> …
13
Jak słuchać zmian tras w React Router v4?
Mam kilka przycisków, które działają jak trasy. Za każdym razem, gdy zmienia się trasa, chcę się upewnić, że aktywny przycisk się zmienia. Czy istnieje sposób, aby nasłuchiwać zmian tras w React Router v4?
14
Jak zaimplementować uwierzytelnione trasy w React Router 4?
Próbowałem zaimplementować uwierzytelnione trasy, ale okazało się, że React Router 4 teraz uniemożliwia to działanie: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Błąd: Ostrzeżenie: nie należy używać <Route component>i <Route children>na tej samej trasie; <Route …
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?
12
react-router (v4) jak wrócić?
Próbuję wymyślić, jak mogę wrócić do poprzedniej strony. ja używam[react-router-v4][1] Oto kod, który skonfigurowałem na mojej pierwszej stronie docelowej: &lt;Router&gt; &lt;div&gt; &lt;Link to="/"&gt;&lt;div className="routerStyle"&gt;&lt;Glyphicon glyph="home" /&gt;&lt;/div&gt;&lt;/Link&gt; &lt;Route exact path="/" component={Page1}/&gt; &lt;Route path="/Page2" component={Page2}/&gt; &lt;Route path="/Page3" component={Page3}/&gt; &lt;/div&gt; &lt;/Router&gt; Aby przejść na kolejne strony, po prostu robię: this.props.history.push('/Page2'); Jak jednak mogę …
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?
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.