Вопросы с тегом «react-router»

Я пробую React-Router (v4), и у меня возникают проблемы с запуском Nav, чтобы иметь один из Linkних active. Если я нажимаю на любой из Linkтегов, активный материал начинает работать. Однако я бы хотел, чтобы Home Linkбыл активен сразу после запуска приложения, поскольку это компонент, который загружается на /маршруте. Есть какой-либо …

86 javascript  reactjs  ecmascript-6  react-router 

У меня проблемы со стилем при использовании response-router и response-bootstrap. ниже фрагмент кода 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 Inv</Link> </NavItem> <NavDropdown …

86 react-router  react-bootstrap 

Я пытаюсь настроить Google Analytics на своем сайте реагирования и натолкнулся на несколько пакетов, но ни один из них не имеет такой настройки, как у меня с точки зрения примеров. Надеялся, что кто-нибудь сможет пролить свет на это. Я смотрю на пакет response-ga . Мой метод рендеринга index.jsвыглядит так. React.render(( …

86 google-analytics  reactjs  react-router 

Я использую компонент Link из маршрутизатора reactjs, и мне не удается заставить onClickevent работать. Это код: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Это способ сделать это или другой способ?

84 reactjs  react-router  react-redux 

У меня есть роутер, как показано ниже: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Вот чего я хочу добиться: Перенаправить пользователя, /loginесли он не вошел в систему Если пользователь пытался получить доступ, /loginкогда он уже вошел в систему, перенаправьте его на root/ так что теперь …

83 javascript  reactjs  react-router 

Глядя на этот пример React Router Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow, я вижу, что компонент PrivateRoute разрушает такую ​​опору отдыха, как это const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( fakeAuth.isAuthenticated ? ( <Component {...props}/> ) : ( <Redirect to={{ pathname: '/login', state: { from: …

83 reactjs  react-router 

Я использую новый крючок useHistory от React Router, который вышел несколько недель назад. Моя версия React-роутера 5.1.2. Мой Реакт находится на версии 16.10.1. Вы можете найти мой код внизу. Тем не менее, когда я импортирую новую историю использования из реагирующего маршрутизатора, я получаю эту ошибку: Uncaught TypeError: Cannot read property …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

Я использую хук UseHistory в реагировать маршрутизатор v5.1.2 с машинописью? При запуске юнит-теста у меня возникла проблема. Ошибка типа: невозможно прочитать свойство 'history' из undefined. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from …

18 reactjs  typescript  react-router  jestjs  enzyme 

Я новичок в Next.js и мне интересно, как, например, перенаправить со стартовой страницы ( / ) в / hello-nextjs . После того, как пользователь загрузит страницу и после этого определит, будет ли путь === / перенаправить на / hello-nextjs В реакции-роутере мы делаем что-то вроде: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} …

15 html  reactjs  routing  react-router  next.js 

Я пытаюсь загрузить подробное представление на основе маршрутаact-router-dom, который должен получить параметр URL (id) и использовать его для дальнейшего заполнения компонента. Мой маршрут выглядит так, /task/:idи мой компонент загружается нормально, пока я не попытаюсь извлечь: id из URL следующим образом: import React from "react"; import { useParams } from "react-router-dom"; …

14 reactjs  react-router 

Я создаю одностраничное приложение React и заметил, что восстановление прокрутки не работает должным образом в Chrome (и, возможно, в других браузерах). На GitHub-репо реакции-router-dom у них есть страница, на которой говорится, что браузеры начинают обрабатывать прокрутку для одностраничных приложений, и поведение будет аналогичным традиционному веб-сайту, не относящемуся к SPA, если …

11 javascript  reactjs  google-chrome  react-router