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

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

109 reactjs  react-router 

Я думав, і я плутаю маршрутизацію між клієнтом і сервером. Припустимо, я використовую ReactJS для візуалізації на стороні сервера перед відправкою запиту назад у веб-браузер і використовую react-router як маршрутизацію на стороні клієнта для перемикання між сторінками без оновлення як SPA. Що спадає на думку: Як трактуються маршрути? Наприклад, запит …

108 javascript  reactjs  routes  react-router  url-routing 

Намагаючись отримати реакційний маршрутизатор (v4.0.0) та реактор-гарячий завантажувач (3.0.0-beta.6), щоб грати приємно, але отримуємо таку помилку в консолі браузера: Попередження: тип React.createElement: недійсний - очікується рядок (для вбудованих компонентів) або клас / функція (для складених компонентів), але отримано: undefined. Ви, ймовірно, забули експортувати компонент із файлу, у якому він визначений. …

108 reactjs  react-router  react-hot-loader 

Я переходжу свою програму реагування з webpack-dev-сервера на 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), …

107 nginx  react-router 

Будь-який спосіб запобігти появі /#/в адресному рядку веб-переглядача під час використання react-router? Це з ReactJS. тобто Переходи по посиланнях , щоб перейти на новий маршрут шоу localhost:3000/#/або localhost:3000/#/about. Залежно від маршруту.

103 reactjs  react-router 

Я не розумію , що мета з допомогою IndexRoute і IndexLink . Здається, що в будь-якому випадку код нижче вибрав би компонент «Домашній» спочатку, якщо не буде активовано шлях 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 

Я новачок у 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 = { router: React.PropTypes.object …

102 reactjs  redux  react-router 

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

101 reactjs  react-router 

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

99 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 відображається неправильно, оскільки будь-яка * Інформаційна панель повинна бути відображена на панелі керування. Я хотів би, …

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. Також я додав головний компонент до своїх псевдонімів. Консоль видає …

97 reactjs  react-router 

Окрім можливості встановити "activeClassName" та "activeStyle" на NavLink, чи є якась причина використовувати NavLink over Link під час створення посилань на інші маршрути на не-навігаційних елементах (тобто. Не основна навігація у верхньому або нижньому колонтитулі) на вашому сайті які не потребують активного стану / класу?

94 reactjs  react-router  react-router-v4 

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

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

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

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

У мене проблеми зі зміною подання у відповідь на маршрутизацію. Я хочу лише показати список користувачів, і натискання кожного користувача має перейти на сторінку деталей. Ось маршрутизатор: import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter } from 'react-router-dom'; import Users from "./components/Users"; import { Router, Route } …

87 reactjs  react-router