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

С помощью react-routerя могу использовать Linkэлемент для создания ссылок, которые изначально обрабатываются реагирующим маршрутизатором. Я вижу внутренне это звонки this.context.transitionTo(...). Я хочу сделать навигацию. Не по ссылке, а из выпадающего списка (как пример). Как я могу сделать это в коде? Что такое this.context? Я видел Navigationмиксин, но могу ли я …

1433 reactjs  react-router 

Я использую React-роутер, и он отлично работает, пока я нажимаю на кнопки ссылок, но когда я обновляю свою веб-страницу, она не загружает то, что я хочу. Например, я нахожусь, localhost/joblistи все в порядке, потому что я приехал сюда, нажав на ссылку. Но если я обновлю веб-страницу, я получу: Cannot GET …

655 javascript  reactjs  url  react-router 

Я получаю эту ошибку: Uncaught Ошибка: Инвариантное Нарушение: Тип элемента недопустим: ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: объект. Это мой код: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link var …

529 reactjs  react-router 

Как я могу определить маршрут в моем файле rout.jsx, чтобы захватить __firebase_request_keyзначение параметра из URL, сгенерированного процессом единого входа Twitter после перенаправления с их серверов? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Я пробовал со следующей конфигурацией маршрутов, но :redirectParamупомянутый параметр не перехватывает: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

414 reactjs  react-router 

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

361 reactjs  react-router  react-router-v4 

У меня есть следующая структура для моего приложения React.js, использующего React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> …

315 javascript  properties  reactjs  react-router 

Я хочу объявить путь с необязательным параметром пути, поэтому, когда я добавляю его, страница делает что-то дополнительное (например, заполняет некоторые данные): 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 

Как мы можем передать параметр this.props.history.push('/page')в React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

218 reactjs  react-router 

Я хотел бы, чтобы отобразить 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 

Я использую React и Redux для разработки веб-приложения, и когда я запустил свой проект, я получил это: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Я много искал, как решить эту проблему, но ни один из найденных ответов не помог мне, …

168 javascript  reactjs  react-router  eslint 

Может кто-нибудь объяснить разницу между <Route exact path="/" component={Home} /> и <Route path="/" component={Home} /> Я не знаю значение слова "точный"

163 reactjs  react-router  react-router-dom 

React router позволяет реагировать на приложения /arbitrary/route. Чтобы это работало, мне нужен мой сервер для отправки приложения React по любому подходящему маршруту. Но сервер разработки веб-пакетов не обрабатывает произвольные конечные точки. Здесь есть решение с использованием дополнительного экспресс-сервера. Как разрешить для webpack-dev-server разрешать точки входа из реагирующего маршрутизатора Но я …

148 reactjs  ecmascript-6  webpack  react-router 

Я использую реагирую с реактивом-роутером. Я пытаюсь передать свойства в "Link" реакции-маршрутизатора var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link …

137 javascript  reactjs  react-router 

Обратите внимание на следующее: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; …

132 react-router