Запитання з тегом «react-router»

Я намагаюся налаштувати Google Analytics на своєму сайті реагування і натрапив на кілька пакетів, але жоден з них не має такої настройки, яку я маю на прикладі. Сподівався, що хтось може пролити на це трохи світла. Пакет, на який я розглядаю, - це реакція-га . Мій метод візуалізації на моєму …

86 google-analytics  reactjs  react-router 

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

85 javascript  reactjs  ecmascript-6  react-router 

У мене були проблеми з маршрутизатором реакцій (я використовую версію ^ 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( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js …

85 javascript  json  reactjs  react-router 

Чи є спосіб змусити React Router відкрити посилання в новій вкладці? Я спробував це, і це не спрацювало. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Це можна розпушити, додавши щось подібне onClick="foo"до Посилання, як те, що я маю вище, але там буде помилка консолі. Дякую.

85 reactjs  react-router 

У мене виникають проблеми зі стилізацією за допомогою реакції-маршрутизатора та реакції-завантаження. нижче - фрагмент коду 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> …

85 react-router  react-bootstrap 

Як я розумію, <Route path="/" component={App} />воля дає Appреквізити, пов'язані з маршрутизацією, як locationі params. Якщо мій Appкомпонент має багато вкладених дочірніх компонентів, як я можу отримати дочірній компонент доступ до цих реквізитів без: передача реквізиту з програми за допомогою віконного об'єкта створення маршрутів для вкладених дочірніх компонентів Я думав, …

85 javascript  reactjs  react-router 

Я використовую компонент Link з маршрутизатора responsejs, і я не можу змусити 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 

Хтось знає, як обмежити доступ до певних маршрутів у реакційному маршрутизаторі? Я хочу перевірити, чи ввійшов користувач в систему, перш ніж дозволити доступ до певного маршруту. Я думав, що це буде просто, але в документації незрозуміло, як це зробити. Це щось я повинен встановити там, де я визначаю свої <Route>компоненти, …

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: props.location …

82 reactjs  react-router 

Я намагаюся налаштувати маршрутизатор реакцій у прикладі програми, і я отримую таку помилку: You should not use <Link> outside a <Router> Мій додаток налаштовано так: Батьківський компонент const router = ( <div className="sans-serif"> <Router histpry={browserHistory}> <Route path="/" component={Main}> <IndexRoute component={PhotoGrid}></IndexRoute> <Route path="/view/:postId" component={Single}></Route> </Route> </Router> </div> ); render(<Main />, document.getElementById('root')); …

80 reactjs  react-router  jsx 

У мене є веб-сторінка з панеллю пошуку. Панель пошуку має кілька полів введення: ідентифікатор, розмір, ... Я хочу, коли користувач встановлює значення пошуку (наприклад: id = 123 і size = 45) і натискає кнопку пошуку: searchState у редукторі Redux слід оновити новими значеннями пошуку (id = 123 та size = …

77 react-router  redux  react-redux  redux-framework  react-router-redux 

У нас є список лекцій та розділів, де користувач може їх вибрати та скасувати вибір. Два списки зберігаються у сховищі redux. Тепер ми хочемо зберегти подання вибраних лекцій-пульсів та шлейфів розділів у хеш-тезі URL-адреси, і будь-які зміни в URL-адресі також повинні змінити сховище (двостороння синхронізація). Що було б найкращим рішенням …

76 javascript  reactjs  react-router  redux  react-router-redux 

Я використовую новий користувальний історичний гак React Router, який вийшов кілька тижнів тому. Моя версія React-маршрутизатора - 5.1.2. Мій Реакція знаходиться у версії 16.10.1. Ви можете знайти мій код внизу. Однак, коли я імпортую нове useHistory від react-router, я отримую цю помилку: Uncaught TypeError: Cannot read property 'history' of undefined …

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

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

17 reactjs  typescript  react-router  jestjs  enzyme