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

91
реагировать на маршрутизатор v ^ 4.0.0 Uncaught TypeError: невозможно прочитать свойство 'location' неопределенного

У меня возникли проблемы с реактивным маршрутизатором (я использую версию ^ 4.0.0). это мой 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(...

89
React-Router открыть ссылку в новой вкладке

Есть ли способ заставить React Router открывать ссылку в новой вкладке? Я попробовал это, но не вышло. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Можно взбить его, добавив что-то вроде onClick="foo"ссылки, как у меня выше, но это приведет к ошибке...

87
Как получить параметры запроса в react-router v4

Я использую в своем проекте response-router-dom 4.0.0-beta.6. У меня есть такой код: <Route exact path="/home" component={HomePage}/> И я хочу получить параметры запроса в HomePageкомпоненте. Я нашел location.searchпараметр, который выглядит так:, ?key=valueпоэтому он не анализируется. Как...

87
Обнаружение изменения маршрута с помощью реактивного маршрутизатора

Мне нужно реализовать некоторую бизнес-логику в зависимости от истории просмотров. Я хочу сделать что-то вроде этого: reactRouter.onUrlChange(url => { this.history.push(url); }); Есть ли способ получить обратный вызов от реактивного маршрутизатора при обновлении URL-адреса?...

86
Как настроить Google Analytics для React-Router?

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

86
Активная ссылка с React-Router?

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

83
Что это значит… отдыхайте в React JSX

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

18
Невозможно прочитать свойство 'history' из undefined (использовать ловушку истории React Router 5)

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

18
Как издеваться над использованием истории крючка в шутку?

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

15
Next.js Перенаправление с / на другую страницу

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

14
response-router-dom useParams () внутри компонента класса

Я пытаюсь загрузить подробное представление на основе маршрутаact-router-dom, который должен получить параметр URL (id) и использовать его для дальнейшего заполнения компонента. Мой маршрут выглядит так, /task/:idи мой компонент загружается нормально, пока я не попытаюсь извлечь: id из URL...

11
Как реализовать восстановление прокрутки для React Router SPA

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