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

Я новачок у ReactJS та React-Router. У мене є компонент, який отримує через реквізит <Link/>об'єкт від react-router . Щоразу, коли користувач натискає кнопку "наступний" всередині цього компонента, я хочу викликати <Link/>об'єкт вручну. Зараз я використовую refs для доступу до екземпляра резервного копіювання та вручну натискаю на тег 'a', який <Link/>створюється. …

131 javascript  reactjs  react-router 

Я використовую модуль реакції-маршрутизатора останньої версії, який називається react-router-dom, який став за замовчуванням при розробці веб-додатків з React. Я хочу знати, як зробити перенаправлення після POST-запиту. Я робив цей код, але після запиту нічого не відбувається. Я переглядаю в Інтернеті, але всі дані стосуються попередніх версій маршрутизатора реагування, і ні, …

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 

В обох є маршрут, посилання тощо. Коли користуватися тим чи іншим? Я дуже розгублений у тому, де їх використовувати. Сторона сервера? Клієнтська сторона? https://reacttraining.com/react-router/ В одних прикладах потрібно передати історію, в інших ні. Що робити? <Router history={browserHistory}> проти <Router> Це дуже заплутано в тому, коли використовувати ту чи іншу, будь-яка …

123 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>в тому ж маршруті; <Route …

122 javascript  reactjs  react-router  react-router-v4 

Може хто-небудь скажіть мені, як я можу повернутися до попередньої сторінки, а не до певного маршруту? Під час використання цього коду: 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 () …

121 javascript  reactjs  react-router 

У мене є таке: Як я можу позбутися від синього підкреслення? Код нижче: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Компонент MenuItem походить з http://www.material-ui.com/#/components/menu Будь-яке розуміння чи настанови були б дуже вдячні. Спасибі заздалегідь.

121 javascript  reactjs  react-router 

Я створюю додаток, який використовує webpack-dev-сервер у розробці разом із реактор-роутером. Схоже, що webpack-dev-сервер побудований на основі припущення, що ви матимете публічну точку входу в одному місці (тобто "/"), тоді як реактор-маршрутизатор передбачає необмежену кількість точок входу. Я хочу отримати переваги webpack-dev-сервера, особливо функцію гарячого перезавантаження, яка чудово підходить для …

117 javascript  reactjs  webpack  react-router 

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

117 reactjs  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 

Я хочу, щоб моя програма ReactJS сповіщала користувача під час переходу від певної сторінки. Зокрема спливаюче повідомлення, яке нагадує йому зробити дію: "Зміни збережені, але ще не опубліковані. Робити це зараз?" Чи потрібно це запустити на react-routerглобальному рівні, чи це щось можна зробити з сторінки / компонента реагування? Я не …

116 reactjs  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>

113 javascript  reactjs  path  react-router  url-routing 

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

113 javascript  reactjs  redirect  react-router  react-router-redux 

Я використовую реактор та реактор-маршрутизатор для свого застосування на стороні клієнта. Я не можу зрозуміти, як отримати такі параметри запиту з 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}/> </Route> ); …

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

У мене виникає проблема під час переходу на іншу сторінку, її позиція залишатиметься такою, як раніше. Тож він не прокручуватиметься автоматично доверху. Я також намагався використовувати window.scrollTo(0, 0)на маршрутизаторі onChange. Я також використовував scrollBehavior, щоб вирішити цю проблему, але вона не спрацювала. Будь-яка пропозиція щодо цього?

112 javascript  reactjs  react-router  react-router-redux