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

В текущей версии React Router (v3) я могу принять ответ сервера и использовать browserHistory.pushдля перехода на соответствующую страницу ответа. Тем не менее, это не доступно в v4, и я не уверен, как правильно это сделать. В этом примере при использовании Redux компоненты / app-product-form.js вызывают, this.props.addProduct(props)когда пользователь отправляет форму. Когда …

361 reactjs  react-router  react-router-v4 

Я только что заменил react-routerс v3 на v4. Но я не уверен, как программно перемещаться в функции-члене a Component. т.е. в handleClick()функции, к которой я хочу перейти /path/some/whereпосле обработки некоторых данных. Я использовал это для: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Но я не могу найти такие интерфейсы в …

336 reactjs  ecmascript-6  react-router-v4 

Я хочу объявить путь с необязательным параметром пути, поэтому, когда я добавляю его, страница делает что-то дополнительное (например, заполняет некоторые данные): http: // localhost / app / path / to / page <= отобразить страницу http: // localhost / app / path / to / page / pathParam <= отобразить …

306 javascript  reactjs  react-router  react-router-v4 

В настоящее время я борюсь с вложенными маршрутами, используя реакционный маршрутизатор v4. Наиболее близким примером была конфигурация маршрута в документации React-Router v4 . Я хочу разделить свое приложение на 2 части. Интерфейс и админка. Я думал о чем-то вроде этого: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} …

262 javascript  reactjs  nested  react-router  react-router-v4 

Я хотел бы, чтобы отобразить titleв <AppBar />том , что каким - то образом передается из текущего маршрута. В React Router v4, как можно <AppBar />было бы передать текущий маршрут в его titleпропеллер? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' …

182 reactjs  react-router  react-router-v4 

У меня есть пара кнопок, которые действуют как маршруты. Каждый раз при изменении маршрута я хочу убедиться, что активная кнопка меняется. Есть ли способ прослушать изменения маршрута в реакции маршрутизатора v4?

139 react-router-v4 

Я пытался реализовать аутентифицированные маршруты, но обнаружил, что React Router 4 теперь мешает этому работать: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Ошибка: Предупреждение: вы не должны использовать <Route component>и <Route children>по одному и тому …

122 javascript  reactjs  react-router  react-router-v4 

Помимо возможности установить «activeClassName» и «activeStyle» в NavLink, есть ли причина использовать NavLink поверх Link при создании ссылок на другие маршруты на элементах, не связанных с навигацией (т.е. не в главной навигации в верхнем или нижнем колонтитуле) на вашем сайте которым не нужно активное состояние / класс?

94 reactjs  react-router  react-router-v4 

Пытаюсь понять, как мне вернуться на предыдущую страницу. Я использую[react-router-v4][1] Это код, который я настроил на своей первой целевой странице: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> Чтобы перейти на следующие страницы, я просто делаю: this.props.history.push('/Page2'); Однако как …

91 javascript  reactjs  react-router-v4 

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

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

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

87 react-router  react-router-v4  react-router-dom