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...
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="/"...
W moim projekcie używamreak-router-dom 4.0.0-beta.6. Mam następujący kod: <Route exact path="/home" component={HomePage}/> Chcę uzyskać parametry zapytania w HomePagekomponencie. Znalazłem location.searchparametr, który wygląda ?key=valuetak:, więc nie został przeanalizowany. Jaki jest...
Muszę zaimplementować logikę biznesową w zależności od historii przeglądania. To, co chcę zrobić, to coś takiego: reactRouter.onUrlChange(url => { this.history.push(url); }); Czy istnieje sposób na otrzymanie oddzwaniania z routera reaktywnego po zaktualizowaniu adresu URL?...
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...
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...
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...
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ę...
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 }...
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...
Używam komponentu Link z routera actjs i nie mogę uruchomić onClickevent. To jest kod: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Czy to jest sposób, aby to zrobić, czy inny sposób?
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 => (...
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...
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...
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...
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...
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...
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:...
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...