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

Я использую последнюю версию модуля response-router с именем response-router-dom, который стал по умолчанию при разработке веб-приложений с React. Я хочу знать, как сделать перенаправление после запроса POST. Я делал этот код, но после запроса ничего не происходит. Я просматриваю в Интернете, но все данные относятся к предыдущим версиям реактивного маршрутизатора, …

132 javascript  reactjs  react-router 

Я новичок в ReactJS и React-Router. У меня есть компонент, который через реквизит получает <Link/>объект от реактивного маршрутизатора . Каждый раз, когда пользователь нажимает кнопку «Далее» внутри этого компонента, я хочу вызвать <Link/>объект вручную. Прямо сейчас я использую refs для доступа к резервному экземпляру и вручную нажимаю на <Link/>генерируемый тег …

131 javascript  reactjs  react-router 

Я пытаюсь добавить в свой проект компонент карты React, но получаю ошибку. Я использую сообщение в блоге Fullstack React как ссылку. Я отследил, где возникает ошибка в строке 83 google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

Кто-нибудь может сказать мне, как я могу вернуться на предыдущую страницу, а не на конкретный маршрут? При использовании этого кода: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Получите эту ошибку, goBack () был …

124 javascript  reactjs  react-router 

У обоих есть Route, Link и т. Д. Когда использовать тот или иной? Я действительно не понимаю, где использовать каждый из них. На стороне сервера? Сторона клиента? https://reacttraining.com/react-router/ В некоторых примерах вам нужно передать историю, в других - нет. Что делать? <Router history={browserHistory}> против <Router> Это действительно сбивает с толку, …

124 reactjs  react-router 

Я пытался реализовать аутентифицированные маршруты, но обнаружил, что 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 

Имею следующее: Как избавиться от синего подчеркивания? Код ниже: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Компонент MenuItem взят из http://www.material-ui.com/#/components/menu Мы будем очень благодарны за любую информацию или руководство. Заранее спасибо.

122 javascript  reactjs  react-router 

У меня проблема при переходе на другую страницу, ее положение останется таким же, как и на предыдущей странице. Таким образом, он не будет автоматически прокручиваться вверх. Я также пробовал использовать window.scrollTo(0, 0)на onChangeроутере. Я тоже scrollBehaviorисправлял эту проблему, но это не сработало. Есть предложения по этому поводу?

121 javascript  reactjs  react-router  react-router-redux 

Кажется, я не могу найти, как обновить параметры запроса с помощью response-router без использования <Link/>. hashHistory.push(url)похоже, не регистрирует параметры запроса, и не похоже, что вы можете передать объект запроса или что-то еще в качестве второго аргумента. Как изменить URL - адрес от /shop/Clothes/dressesк /shop/Clothes/dresses?color=blueв реакции-маршрутизатор без использования <Link>? И onChangeдействительно …

119 reactjs  react-router 

Я хочу, чтобы мое приложение ReactJS уведомляло пользователя при переходе с определенной страницы. В частности, всплывающее сообщение, напоминающее ему / ей о действии: «Изменения сохранены, но еще не опубликованы. Сделать это сейчас?» Должен ли я запускать это react-routerглобально или это можно сделать на странице / компоненте реакции? Я не нашел …

118 reactjs  react-router 

Поскольку я использую response-router для обработки моих маршрутов в приложении реагирования, мне любопытно, есть ли способ перенаправления на внешний ресурс. Скажите, что кто-то ударил: example.com/privacy-policy Я хочу перенаправить его на: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Я не нашел никакой помощи в том, чтобы избежать написания его на простом JS при загрузке index.html с чем-то …

118 javascript  reactjs  redirect  react-router  react-router-redux 

Я создаю приложение, которое использует в разработке webpack-dev-server вместе с response-router. Похоже, что webpack-dev-server построен на предположении, что у вас будет общедоступная точка входа в одном месте (т.е. «/»), тогда как response-router допускает неограниченное количество точек входа. Мне нужны преимущества webpack-dev-server, особенно функция горячей перезагрузки, которая отлично подходит для производительности, …

117 javascript  reactjs  webpack  react-router 

Я использую webpack и HtmlWebpackPlugin для вставки связанных js и css в файл шаблона html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), И он создает следующий html-файл. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Это отлично работает при …

116 javascript  express  webpack  react-router 

Я использую один и тот же компонент для трех разных маршрутов: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Есть ли способ совместить это, чтобы быть как: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

116 javascript  reactjs  path  react-router  url-routing 

Я иногда видел, как люди оборачивают свои компоненты, withRouterкогда экспортируют их: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Для чего это нужно и когда мне следует его использовать?

113 reactjs  react-router