Вопросы с меткой [react-router]
Используйте данную метку если Ваш вопрос связан со стандартной библиотекой маршрутизации в React - React Router
224
вопроса
0
голосов
1
ответ
12
показов
React Routing 404 error HEROKU
При открытии приложения все ок, далее перехожу на любую страницу и сначала (на секунду) все рендерится, потом все падает с ошибкой. Локально все работает. Для сервера я использую json-server
GET ...
0
голосов
0
ответов
5
показов
Как сделать проверку на несуществующий путь route и убрать exact, который ставится автоматически в react-route v6?
Вопрос 1.
Необходимо сделать, чтобы при вводе несуществующего пути перекидывало либо на страницу, которая об этом говорит, либо на стартовую страницу через route?
Мой код:
<Routes&...
0
голосов
0
ответов
13
показов
Как реализовать маршрутизацию в моём случае [закрыт]
Всё уже перепробовал, ломал два раза всё, но так и не могу найти информацию, которая бы работала как надо. Router 6 стоит. Нужно, чтобы когда выполняется рендер, это становилось новой страницей, ...
0
голосов
1
ответ
28
показов
при использовании useNavigate ничего не происходит
при использовании useNavigate ничего не происходит. Но если убрать то рендериться как нужно, но мне нужно при рендере MailOpen, создавать страницу /mail, чтобы переходить назад
В чём проблема и как ...
0
голосов
1
ответ
27
показов
ошибка react + typescript + react-router
Текст ошибки:
No overload matches this call.
Overload 1 of 2, '(props: BrowserRouterProps | Readonly): BrowserRouter', gave the following error.
Type '{ children: Element[]; }' has no properties in ...
0
голосов
1
ответ
23
показа
Почему не происходит редирект через navigate
подскажите пожалуйста, почему не происходит редирект через Navigate, после того как произошла авторизация, что и является условием для срабатывания Navigate:
import {Link} from 'react-router-dom';
...
0
голосов
1
ответ
39
показов
Как сохранить React-компонент или его стейт при переходе на другую страницу?
Есть два компонента. Страница со списком фильмов и отдельная страница, под конкретный выбранный фильм (использую react-router v6). Фрагмент верстки
<Routes>
<Route path="/" element=...
0
голосов
0
ответов
23
показа
Пустая страница React Router
При запуске сервера на сайте отображается пустая страница. Делаю всё, как в документации, но ошибка не исчезает. Попробовал убрать <Route path="/" component={HomeScreen} exact/> из ...
0
голосов
0
ответов
17
показов
Подскажите как сделать сделать переход на другую страницу?
Можно ли с помощью react dom router сделать так что бы при нажатии на копку Button все содержимое компоненты App заменилось содержимым компоненты Game. Пока что у меня получается только отрисовать ...
0
голосов
1
ответ
120
показов
Ошибка при типизации react-router-dom. Functions are not valid as a React child. This may happen if you return a Component instead of <Component/>
Уважаемые разработчики. У меня появилась проблема при типизации элементарного кода. А точнее, неполадка связана с фрагментом кода где я решил "промапить"(map()) роутеры(<Route>) чтобы ...
1
голос
0
ответов
29
показов
useEffect, useSearchParams, filters и бесконечная петля
разбираюсь с реактом и не могу понять как избавиться от бесконечной петли.
Нужно чтобы при изменении query параметров в адресной строке, менялся стейт фильтра, а при изменении фильтра, менялись query ...
1
голос
0
ответов
20
показов
Using <Route> with query string in react-router v5
please tell me if there is a possibility in react-router used with quary string?
For Example
<Route path={'/settings/information?page=1'}
component={Component} /> <Route path={'/settings/...
2
голоса
2
ответа
39
показов
Ошибка в TypeScript "объекты недействительны в качестве дочерних элементов React"
уважаемые разработчики. Я вот только-только начал познавать азы TypeScript в связке с React и уже столкнулся с непонятной проблемой.
Смысл моего кода: я хочу взять определённые данные с сервера в ...
0
голосов
0
ответов
42
показа
react router dom как сделать редирект если после url больше ничего нет
Например:
/profile/2341 - ничего не делать
/profile - сделать редирект
1
голос
0
ответов
49
показов
Рендеринг роутов в зависимости от состояния
Второй день бьюсь с роутингом и не могу исправить ошибку, надеюсь на вашу помощь)
Суть проблемы: При изменении состояния isMusicEnabled (ParameterHook) из другого компонента (ConfirmationPage) при ...
1
голос
1
ответ
129
показов
Не работает react-router
Не работает react-router 4.3.1, когда пытаюсь на зайти на /one или на /two
(версия react 16.4.2)
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Switch, Route }...
1
голос
1
ответ
122
показа
Теряется состояние при повторном обновление страницы React
Народ помогите, не могу в хуках разобраться) делая какие либо изменения в коде(даже пробел поставить), после сохранения, запрос отрабатывает норм. Когда просто обновляю страницу после этого, useState ...
1
голос
1
ответ
34
показа
Динамические ссылки с кириллицей - правильно? [ReactJS]
Есть интернет-магазин, есть категории "Компьютеры", "Телефоны" и т.д.
Вопрос: правильно ли делать динамический роутинг с кириллицей в ссылке?
Отрывок кода с динамическим роутом:
...
1
голос
0
ответов
98
показов
Рекурсивный роутинг React + react-router-dom v6
Всем привет. Изучая новую версию react-router-dom(rrd) я увидел, что появилась возможность вложенных роутов.
Я попробовал сделать систему роутинга с объектом ROUTES, в котором были бы параметры, ...
0
голосов
0
ответов
399
показов
Как воспользоваться useNavigate в React Router v6
В React Router v6 убрали history и теперь надо пользоваться хуком useNavigate но он не работает в классах, нашёл решение создать свой withRouter в котором пытаюсь использовать useNavigate
import ...
0
голосов
0
ответов
20
показов
Ошибка с Routes в React Js? Как её можно исправить?
Ниже прикрепил фотографии кода и ошибки .
1
голос
1
ответ
41
показ
Почему не передается state в другой компонент с помощью Link?
У меня прилетают данные с сервера в виде массива объектов, записываются в state и отображаются в виде таблицы. Последний элемент в строке таблицы является кнопка, обернутая в Link. В его props to я ...
0
голосов
1
ответ
58
показов
При выполнении маршрутизации с помощью React Router меняется ссылка, но не отображается контент самой страницы
мой код
App.js
import Navibar from './components/Navsbar';
import {
BrowserRouter as Router,
Switch,
Route,
Routes
} from "react-router-dom";
import './App.css';
import {Home} ...
1
голос
1
ответ
384
показа
react/react-router-dom/ не работают activeClassName
Перестали работать activeClassName. Насколько я понял в v6 они теперь реализуются по другому
Было:
<NavLink activeClassName="active" to="/about" />
Стало:
<NavLink ...
1
голос
0
ответов
84
показа
Не обновляется страница при переходе на Route
Не обновляется страница при переходе по Route
Мой код:
import React from "react";
import Contact from "./Contact/Contact";
import Header from "./Header/Header";
import ...
1
голос
0
ответов
47
показов
Динамический Route в React
Проблема такова: есть компонент, который выводит 3 карточки с машинами. Компонент, ответственный за саму карточку одной машины выглядит так:
import React from 'react';
import './Car.css';
import {...
1
голос
2
ответа
32
показа
Как сформировать урлу с параметрами?
у меня есть урла
women/verhnyaya-odezhda/palto?prices=4&prices=2&sizes=2&sizes=6&sizes=10&colors=2&colors=3&conditions=1&conditions=2&brands=183
она формируеться ...
1
голос
1
ответ
223
показа
Не импортируется withRouter
Есть у меня такой компонент:
import React from 'react';
import './Car.css';
import {withRouter} from 'react-router-dom';
const Car = props => {
console.log(props)
return (
<div ...
0
голосов
2
ответа
58
показов
React Router: this is undefined
У меня есть небольшой проект из трех страниц, которые прекрасно работают, но проблема в следующем: я захотел на 3 странице добавить кнопку, которая будет переадресовывать на первую. Собственно ...
1
голос
0
ответов
28
показов
Подскажите, какие типы нужно проставить вместо any? [закрыт]
/*в этот масив я помещаю строчные элементы через запятую. Какой тип нужен вместо any?*/
const [selected, setSelected] = useState<any>([]);
/*сдесь хранится моя база в виде [{name: string, id: ...
-1
голос
1
ответ
398
показов
TypeError: Cannot read properties of undefined (reading 'location')
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { Route, BrowserRouter as Router } from 'react-router-dom';
import createHistory from 'history/...
0
голосов
2
ответа
323
показа
Не добавляется стиль в активный NavLink (React)
Есть навбар со ссылками
const Navbar = () => {
return <nav className={s.nav}>
<div className={s.item}>
<NavLink to="/profile" activeClassName={s....
2
голоса
1
ответ
76
показов
Как скрыть компонент Footer при определенном URL
Есть код https://codesandbox.io/s/aboutlayout-o3gmd
В Header расположены роуты, при переходе в /cabinet отрисовывается компонент <Сabinet/>, мне нужно сделать так, что при нахождении на роуте /...
0
голосов
2
ответа
224
показа
Переход на другую страницу по нажатию кнопки Войти
Есть две страницы:
/ - главная страница,
/profile – страница профиля
На главной странице есть форма авторизации с логином и паролем. После нажатия кнопки Войти должен происходить переход с главной ...
0
голосов
0
ответов
211
показов
Баг с кнопкой "назад" в браузере, нужно нажать на нее два раза чтобы перейти на предыдущую страницу; history, react-router-dom
Использую React.js / React-router-dom и его хук useHistory();
Кто встречался с таким поведением?
На элементе установлен обработчик события клика:
() => history.push("/someRoute")
После ...
1
голос
1
ответ
34
показа
Как можно динамически подгружать и удалять стили в React?
Всем привет. Переношу проект на со статики на React. В проекте много страниц, пока около 10, но в теории будет больше 100 и для каждой написан свой стиль. Приложение сделано в духе минимума ...
0
голосов
1
ответ
53
показа
React router dom меняет ссылку, но, не перерисовывает компонент
Делаю сайт с фильмами и возникла проблема что react router dom меняет ссылку в url, но компонент не перерисовывается.
Есть главная страница, где показываются популярны фильмы / сериалы и по клику ...
0
голосов
1
ответ
23
показа
Как обработать браузерную кнопку назад в React?
Подскажите пожалуйста, мне нужно обработать роутинг, при переходе на страницу заказов, проверяется авторизирован пользователь или нет, если нет его редиректит на страницу логина, после того как он ...
0
голосов
1
ответ
65
показов
React-router вместе с Redux
Нужна ваша помощь. Я беру данные с API и отрисовываю их. Также я пытаюсь сделать переход на каждый отдельный продукт с помощью React-router. Но переход у меня не происходит, а в url у меня постоянно ...
0
голосов
1
ответ
93
показа
как сделать стартовый url в react?
как сделать стартовый url в react? чтобы при включении сайта вместо '/' было изначально '/home'
0
голосов
1
ответ
287
показов
Почему перезагрузка страницы возвращает меня в роут по адресу "/"?
Вот так выглядит компонент App в моем приложении.
const App = observer(props => {
return (
<Router >
<div className="App">
<Switch>
...
0
голосов
0
ответов
18
показов
Почему при обновлении задеплоенного на firebase hosting react приложении появляется страница с ошибкой
Всем привет. Я задеплоил свое реакт приложения на firebase hosting, и, вроде, все работает неплохо. Но сейчас я заметил проблему. Если я захожу на сайт по коренному пути, то все подгружается нормально,...
0
голосов
2
ответа
96
показов
Создание вложенных маршрутов на react-router и рендер разного состояния Header
Всем привет! Сейчас на проекте имею такую структуру
<div className='App'>
<Header />
<Switch>
<Route exact path='/claims'>
<Claim ...
1
голос
1
ответ
36
показов
React player. Как настроить плеер так, чтобы он не выключался после перехода на другую страницу?
Мне необходимо, чтобы плейлист из soundcloud играл не прекращаясь, так же после перехода на другую страницу. Сам проект достаточно большой, так что я кину только код этого компонента
import React, { ...
0
голосов
0
ответов
28
показов
Запрос не влияет на адресную строку
Использую API https://rickandmortyapi.com/api сделал пагинацию с помощью fetch, но если я хочу в ручную перейти на страницу /character?page=10, то всегда отображается то, что находится на первой ...
1
голос
1
ответ
39
показов
React.js + Router - Как сбилдить для размещения в папке?
Создаю админку для бота на React.js, и разместить в корневом каталоге не могу. Как сбилдить проект для использования в папке? Например https://domen.com/admin
Сам сайт запустился, но Router не видит ...
0
голосов
2
ответа
32
показа
React Router - отрендерить элемент с нуля
Делаю админку на реакте. Есть структура компонента App:
хэдер
сайдбар
свитч -> роуты, которые подружают страницы
футер
Все работает нормально, но сейчас я создал страницу логина (просто два поля и ...
0
голосов
1
ответ
208
показов
TypeScript React помогите типизировать компонент в HOC в route
Я сделал обёртку для формы, которая в зависимости от роута передает в форму разные колбэки, на создание и на обновление сущности, но когда я вызываю этот HOC в роуте и передаю ему компонент формы, ts ...
0
голосов
0
ответов
47
показов
Как вернуть позицию на странице при клике кнопки назад, на "Infinity scroll' странице? React
Суть в том что запомнить координаты на странице не получится так как использую бесконечный скролл на странице, нужно чтобы когда пользователь перешел из этой страницы на какую-нибудь другую и на ней ...
0
голосов
0
ответов
24
показа
Применение хоков в рендер методе
Всем привет. Я тут перечитывал документауию реакта и нашел там кое-что интересное, касательно использования хоков в рендер методах компонентов. И тут я вспомнил, что у меня есть как раз такой) В общем,...