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

Я использую реагирующий и реагирующий маршрутизатор для своего приложения на стороне клиента. Я не могу понять, как получить следующие параметры запроса из URL-адреса, например: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Мои маршруты выглядят так (я знаю, что путь совершенно неправильный): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> …

112 javascript  reactjs  client-side  react-router  client-side-scripting 

Я перехожу свое приложение для реагирования с webpack-dev-server на nginx. Когда я перехожу к корневому URL-адресу «localhost: 8080 / login», я просто получаю 404 и в моем журнале nginx вижу, что он пытается получить: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or directory), …

109 nginx  react-router 

Я думал, и меня смущает маршрутизация между клиентом и сервером. Предположим, я использую ReactJS для рендеринга на стороне сервера перед отправкой запроса обратно в веб-браузер и использую response-router в качестве маршрутизации на стороне клиента для переключения между страницами без обновления как SPA. На ум приходит: Как трактуются маршруты? Например, запрос …

108 javascript  reactjs  routes  react-router  url-routing 

Я новичок в React Router и узнал, что существует так много способов перенаправить страницу: С помощью browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); С помощью this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …

107 reactjs  redux  react-router 

Есть ли способ предотвратить /#/отображение в адресной строке браузера при использовании response-router? Это с ReactJS. т.е. щелчок по ссылкам для перехода к новому маршруту показывает localhost:3000/#/или localhost:3000/#/about. В зависимости от маршрута.

103 reactjs  react-router 

У меня возникла небольшая проблема с переходом с React-Router v3 на v4. в v3 я мог делать это где угодно: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Как мне добиться этого в v4. Я знаю, что могу использовать свойства hoc withRouter, контекста реакции или маршрутизатора событий, когда вы находитесь в …

103 reactjs  react-router 

Я не понимаю, какова цель использования IndexRoute и IndexLink . Кажется, что в любом случае приведенный ниже код сначала выбрал бы компонент Home, если не был активирован путь About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> против <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> Какая …

102 javascript  reactjs  react-router  url-routing 

Я работаю над реактивным приложением с использованием реактивного маршрутизатора. У меня есть страница проекта с URL-адресом: myapplication.com/project/unique-project-id Когда компонент проекта загружается, я инициирую запрос данных для этого проекта из события componentDidMount. Теперь я столкнулся с проблемой, когда, если я переключаюсь напрямую между двумя проектами, только идентификатор изменяется следующим образом ... …

102 reactjs  react-router 

Имею следующее: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> При использовании DefaultRoute SearchDashboard отображается некорректно, поскольку любая * Dashboard должна отображаться в Dashboard. Я хотел бы, чтобы мой DefaultRoute в маршруте …

98 javascript  routes  reactjs  url-redirection  react-router 

Я новичок в ReactJs. Это мой код: 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="/" component={Main}></Route> </Router>, document.getElementById('app')); и компилируем его с помощью webpack. Также я добавил к своим псевдонимам компонент Main. Консоль выдает …

97 reactjs  react-router 

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

94 reactjs  react-router  react-router-v4 

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

91 javascript  json  reactjs  react-router 

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

89 reactjs  react-router 

Мне нужно реализовать некоторую бизнес-логику в зависимости от истории просмотров. Я хочу сделать что-то вроде этого: 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