Pytania otagowane jako react-router

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

1
Aktywne łącze z React-Router?
Wypróbowuję React-Router (v4) i mam problemy z uruchomieniem Nav, aby mieć jedną z Linknich active. Jeśli kliknę którykolwiek z Linktagów, aktywne rzeczy zaczną działać. Chciałbym jednak, aby Strona główna Linkbyła aktywna zaraz po uruchomieniu aplikacji, ponieważ jest to komponent ładujący się na /trasie. Czy jest na to sposób? Oto mój …
11
React-Router otwórz Link w nowej karcie
Czy istnieje sposób, aby React Router otworzył łącze w nowej karcie? Próbowałem tego i nie udało się. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Można go spuścić, dodając coś podobnego onClick="foo"do linku, takiego jak to, co mam powyżej, ale wystąpiłby błąd konsoli. Dzięki.
15
Jak skonfigurować Google Analytics dla React-Router?
Próbuję skonfigurować Google Analytics w mojej witrynie React i natknąłem się na kilka pakietów, ale żaden z nich nie jest tak skonfigurowany, jak ja, jeśli chodzi o przykłady. Miał nadzieję, że ktoś może rzucić na to trochę światła. Pakiet, na który patrzę, to: react-ga . Moja metoda renderowania index.jswygląda tak. …
9
Element odsyłacza React-Bootstrap w elemencie navitem
Mam pewne problemy ze stylizacją podczas korzystania z React-router i React-bootstrap. poniżej znajduje się fragment kodu import { Route, RouteHandler, Link } from 'react-router'; import AuthService from '../services/AuthService' import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap'; <Nav pullRight> <NavItem eventKey={1}> <Link to="home">Home</Link> </NavItem> <NavItem eventKey={2}> <Link to="book">Book …
3
reaguj router v ^ 4.0.0 Uncaught TypeError: Nie można odczytać właściwości „location” undefined
Mam problem z Router React (używam wersji ^ 4.0.0). to jest mój index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js to po …
9
Jak uzyskać aktualną trasę w React-router 2.0.0-rc5
Mam router jak poniżej: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Oto, co chcę osiągnąć: Przekieruj użytkownika do, /loginjeśli nie jest zalogowany Jeśli użytkownik próbował uzyskać dostęp, /logingdy jest już zalogowany, przekieruj go do roota/ więc teraz próbuję sprawdzić stan użytkownika w App„s componentDidMount, a …
7
Jak ograniczyć dostęp do tras w React-routerze?
Czy ktoś wie, jak ograniczyć dostęp do określonych tras w routerze reagującym? Chcę sprawdzić, czy użytkownik jest zalogowany przed zezwoleniem na dostęp do określonej trasy. Myślałem, że to będzie proste, ale dokumentacja nie jest jasna, jak to zrobić. Czy jest to coś, co powinienem skonfigurować, gdzie definiuję moje <Route>komponenty, czy …
3
Co to znaczy… odpocznij w React JSX
Patrząc na ten przykład React Router Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow , widzę, że komponent PrivateRoute niszczy taką propozycję resztową const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( fakeAuth.isAuthenticated ? ( <Component {...props}/> ) : ( <Redirect to={{ pathname: '/login', state: { from: props.location } …
3
Nie można odczytać właściwości „historii” niezdefiniowanej (hook użytkownika useHistory w React Router 5)
Korzystam z nowego haka useHistory React Router, który pojawił się kilka tygodni temu. Moja wersja React-routera to 5.1.2. Mój React jest w wersji 16.10.1. Mój kod możesz znaleźć na dole. Jednak kiedy importuję nowe useHistory z React-Routera, pojawia się ten błąd: Uncaught TypeError: Cannot read property 'history' of undefined który …
4
Jak kpić z useHistory w żart?
Korzystam z haka UseHistory w reakcji routera 5.1.2 na maszynopis? Podczas uruchamiania testu jednostkowego mam problem. TypeError: Nie można odczytać właściwości „historii” niezdefiniowanej. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My …
6
Next.js Przekieruj z / do innej strony
Jestem nowy w Next.js i zastanawiam się, jak na przykład przekierować ze strony początkowej ( / ) do / hello-nextjs . Gdy użytkownik załaduje stronę, a następnie określ, czy ścieżka === / przekieruj do / hello-nextjs W React-Router robimy coś takiego: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> …
6
Reaguj-router-dom useParams () wewnątrz komponentu klasy
Próbuję załadować widok szczegółów na podstawie trasy reaktora-routera-dom, który powinien pobrać parametr URL (id) i użyć go do dalszego wypełnienia komponentu. Moja trasa wygląda /task/:idi mój komponent ładuje się dobrze, dopóki nie spróbuję pobrać: id z adresu URL w następujący sposób: import React from "react"; import { useParams } from …
1
Jak zaimplementować przywracanie zwoju dla React Router SPA
Tworzę jednostronicową aplikację React i zauważyłem, że przywracanie przewijania nie działa zgodnie z oczekiwaniami w Chrome (i może w innych przeglądarkach). W repozytorium reag-router-dom github mają stronę z informacją, że przeglądarki zaczynają natywnie obsługiwać przewijanie dla aplikacji na pojedynczych stronach, a zachowanie byłoby podobne do działania tradycyjnej strony internetowej innej …
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.