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

122
Как избавиться от подчеркивания в компоненте Link в React Router?

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

121
прокрутка response-router вверх при каждом переходе

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

119
Как вы программно обновляете параметры запроса в response-router?

Кажется, я не могу найти, как обновить параметры запроса с помощью response-router без использования <Link/>. hashHistory.push(url)похоже, не регистрирует параметры запроса, и не похоже, что вы можете передать объект запроса или что-то еще в качестве второго аргумента. Как изменить URL -...

118
React-Router Внешняя ссылка

Поскольку я использую response-router для обработки моих маршрутов в приложении реагирования, мне любопытно, есть ли способ перенаправления на внешний ресурс. Скажите, что кто-то ударил: example.com/privacy-policy Я хочу перенаправить его на:...

118
Обнаружение выхода пользователя со страницы с помощью response-router

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

117
Как разрешить webpack-dev-серверу разрешать точки входа с реактивного маршрутизатора

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

116
Несколько имен пути для одного и того же компонента в React Router

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

116
HtmlWebpackPlugin вставляет файлы относительных путей, которые ломаются при загрузке некорневых путей к веб-сайтам.

Я использую 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...

113
Для чего нужен withRouter в react-router-dom?

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

112
Получение параметров запроса из хеш-фрагмента реактивного маршрутизатора

Я использую реагирующий и реагирующий маршрутизатор для своего приложения на стороне клиента. Я не могу понять, как получить следующие параметры запроса из URL-адреса, например: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Мои маршруты выглядят так (я знаю, что путь...

109
React-router и nginx

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

108
Клиентская маршрутизация (с использованием реактивного маршрутизатора) и серверная маршрутизация

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

107
Как лучше всего перенаправить страницу с помощью React Router?

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

103
Как остановить / # / в браузере с помощью response-router?

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

103
Как получить историю на react-router v4?

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

102
React-Router: какова цель IndexRoute?

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

102
Компонент не перемонтируется при изменении параметров маршрута

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

94
React Router v4 <NavLink> против <Link> преимущества

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