Вопросы с меткой [react-router-dom]
Руководство по использованию метки react-router-dom отсутствует.
127
вопросов
1
голос
0
ответов
28
показов
Не понимаю почему не работают внутренние роуты React-Router 6
Никак не могу понять почему в приложении после деплоя на netlify не работают вложенные роуты если обновить страницу в браузере. И по прямой ссылке тоже 404. А если с главной страницы заходить через ...
0
голосов
1
ответ
21
показ
Накладываются компоненты при использовании react router
Я начал осваивать react router, хочу сделать переход с окна регистрации на окно авторизации. Вроде как переход сделал, но появилась проблема с наложением компонентов друг на друга при нажатии на ...
0
голосов
1
ответ
15
показов
React Routing 404 error HEROKU
При открытии приложения все ок, далее перехожу на любую страницу и сначала (на секунду) все рендерится, потом все падает с ошибкой. Локально все работает. Для сервера я использую json-server
GET ...
0
голосов
0
ответов
10
показов
Якорные ссылки не работают в React с HashRouter на gh-pages
Я использую HashRouter gh-pages. Из-за этого якорные ссылки не работают и меня перенаправляет на страницу 404.
роутинг
<Switch>
<Route exact path='/'>
<Main /&...
0
голосов
0
ответов
6
показов
Как сделать проверку на несуществующий путь route и убрать exact, который ставится автоматически в react-route v6?
Вопрос 1.
Необходимо сделать, чтобы при вводе несуществующего пути перекидывало либо на страницу, которая об этом говорит, либо на стартовую страницу через route?
Мой код:
<Routes&...
0
голосов
1
ответ
17
показов
Ошибка с тегом фрагмент, не принимает key
Где нужно указать ключ, чтобы ушла данная ошибка, нужно ли вообще использовать тег fragment, если можно использовать вот такие кавычки <> </> и обойтись без данного тега, понимаю, так, ...
0
голосов
1
ответ
24
показа
жизненные циклы компонента react
Помогите пожалуйста, очень туплю. Что бы я не пытался сделать, у меня либо "дудос атака сервера" в виде постоянных запросов, либо же отставание на один
клик загрузки данных.
В общем есть у ...
0
голосов
0
ответов
16
показов
react-router-dom не импортирует Routes
Столкнулся с проблемой. Установил react-router-dom v6.3.0. Прописал в файле app.js все нужные импорты (в т.ч. import {BrowserRouter, Route, Routes} from "react-router-dom". Но почему то ...
-1
голос
0
ответов
19
показов
react-router-dom v5 error
No overload matches this call.
Overload 1 of 2, '(props: BrowserRouterProps | Readonly): BrowserRouter', gave the following error.
Type '{ children: Element; }' has no properties in common with type '...
0
голосов
0
ответов
10
показов
Почему Redirect не работает в деплое на gh-pages
Когда собираю проект локально, все работает прекрасно, но в деплое редирект не работает, почему? Помогите, люди добрые, бьюсь уже несколько дней с этим и ничего не приходит на ум
import React, { ...
0
голосов
1
ответ
11
показов
react/react-router-dom 6.0.0/Navlink isActive не работает для ссылок с русским языком
<NavLink to="/link" className={({isActive})=> isActive ? "class1" : "class2"}>page</NavLink> -работает
<NavLink to="/ссылка" className={({...
0
голосов
1
ответ
15
показов
почему при добавление в ссылку символа, то компонента пропадает
<BrowserRouter>
<div className="page">
<Routes>
<Route path = "/profile" element = {<PageBody />}/>
...
0
голосов
0
ответов
25
показов
Пустая страница React Router
При запуске сервера на сайте отображается пустая страница. Делаю всё, как в документации, но ошибка не исчезает. Попробовал убрать <Route path="/" component={HomeScreen} exact/> из ...
0
голосов
1
ответ
43
показа
React-router-dom как использовать функцию goBack без использования useHistory
Как я могу сымитировать нажатие кнопки "назад" в браузере из кода?
const history = useHistory()
history.goBack()
я знаю, что можно и так, но как я понял в новых версиях react-router-dom ...
0
голосов
1
ответ
141
показ
Ошибка при типизации react-router-dom. Functions are not valid as a React child. This may happen if you return a Component instead of <Component/>
Уважаемые разработчики. У меня появилась проблема при типизации элементарного кода. А точнее, неполадка связана с фрагментом кода где я решил "промапить"(map()) роутеры(<Route>) чтобы ...
0
голосов
0
ответов
22
показа
Страница при первой загрузки должна быть не главной React.js
Здраствуйте есть ли возможность при первой загрузки страницы сделать чтоб изначально загружалась не главная страница, а какая-то другая в React.js используя только возможности react-router-dom 6, ...
1
голос
1
ответ
15
показов
Добавление динамичных элементов в loop (react router dom 6)
Как подставлять элемент через map? Комментарий в коде
routes.js
export enum RouteNames {
LOGIN = '/login',
HOME = '/home',
PROPERTIES = '/properties',
ABOUT = '/about',
BLOG = '/blog',
...
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/...
0
голосов
0
ответов
16
показов
react route dom 6. ncaught Error: [PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
import React from "react";
import { Route, Routes, Navigate } from "react-router-dom";
function PrivateRoute({ component: Component, ...rest }) {
const data = localStorage.getItem(...
0
голосов
0
ответов
44
показа
react router dom как сделать редирект если после url больше ничего нет
Например:
/profile/2341 - ничего не делать
/profile - сделать редирект
0
голосов
0
ответов
58
показов
Не работает Navigate в react-router-dom "6.1.1"
Сделал навигацию для авторизованных юзеров и не авторизованных соответственно.
Но после входа в систему (авторизации), url не меняется.
Переходы сами работают.
const PageContent = () => {
...
1
голос
0
ответов
21
показ
Не получается переадресация React v6
const {Router} = require('express')
const Link = require('../models/Link')
const router = Router()
router.get('/:code', async (req, res) => {
try {
const link = await Link.findOne({ code: ...
0
голосов
1
ответ
22
показа
Есть ли способы оптимизации этого кода?
Доброго времени суток.
Я новенький в JS и, соответственно в реакте. Хотел у вас уточнить, есть ли возможность сделать код данного компонента "чище"? Прошу прощения, если вопрос или его ...
1
голос
0
ответов
45
показов
Как поменять url проекта на github pages
У меня есть проблема.
Мой проект находится по данной ссылке https://pqvel.github.io/fakeStore/, но мне нужно чтобы url был без слеша на конце: https://pqvel.github.io/fakeStore.
При первом заходе на ...
1
голос
1
ответ
35
показов
Динамические ссылки с кириллицей - правильно? [ReactJS]
Есть интернет-магазин, есть категории "Компьютеры", "Телефоны" и т.д.
Вопрос: правильно ли делать динамический роутинг с кириллицей в ссылке?
Отрывок кода с динамическим роутом:
...
0
голосов
0
ответов
14
показов
Как решить ошибку перебора стека в приватном роуте?
App.tsx
function App() {
return (
<AppWrapper>
{
(currentUser, init) =>
<div className="App">
<Switch>
...
1
голос
0
ответов
100
показов
Рекурсивный роутинг React + react-router-dom v6
Всем привет. Изучая новую версию react-router-dom(rrd) я увидел, что появилась возможность вложенных роутов.
Я попробовал сделать систему роутинга с объектом ROUTES, в котором были бы параметры, ...
1
голос
1
ответ
43
показа
Почему не передается state в другой компонент с помощью Link?
У меня прилетают данные с сервера в виде массива объектов, записываются в state и отображаются в виде таблицы. Последний элемент в строке таблицы является кнопка, обернутая в Link. В его props to я ...
0
голосов
1
ответ
23
показа
Почему не импортируется Switch из 'react-router-dom'?
Почему не импортируется Switch из react-router-dom ?
0
голосов
1
ответ
13
показов
Когда обновляю страница исчезает и дает 404?
Ниже простая React приложения, я сделал npm run build, страницы переключается по клику на ссылки <Link>, но когда обновляю браузер дает 404 ?
import {
BrowserRouter as Router, Route, Link, ...
0
голосов
0
ответов
51
показ
React-router-dom Link
только начал изучать React и не могу уже два дня решить проблему. При переключение дочернего линка(в другом компоненте) не прорисовывается родитель
import React, { Profiler } from 'react';
import './...
1
голос
1
ответ
404
показа
react/react-router-dom/ не работают activeClassName
Перестали работать activeClassName. Насколько я понял в v6 они теперь реализуются по другому
Было:
<NavLink activeClassName="active" to="/about" />
Стало:
<NavLink ...
1
голос
0
ответов
92
показа
Не обновляется страница при переходе на Route
Не обновляется страница при переходе по Route
Мой код:
import React from "react";
import Contact from "./Contact/Contact";
import Header from "./Header/Header";
import ...
0
голосов
0
ответов
145
показов
net::ERR_ABORTED 404 (Not Found) react-router-dom, webpack
Когда в урл вбивается /people/1 выходит ошибка:
GET http://localhost:8080/people/main.bundle.js net::ERR_ABORTED 404 (Not Found)
Это код из App.js:
import React from 'react';
import { ...
-1
голос
1
ответ
400
показов
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
ответа
335
показов
Не добавляется стиль в активный NavLink (React)
Есть навбар со ссылками
const Navbar = () => {
return <nav className={s.nav}>
<div className={s.item}>
<NavLink to="/profile" activeClassName={s....
1
голос
2
ответа
94
показа
React Не отображает компоненту при переключении по ссылке
Не могу понять в чем причина, то ли в синтаксисе, то ли библиотеки какой-то не хватает
Вот package.json
{
"name": "new-app",
"version": "0.1.0",
"...
0
голосов
0
ответов
84
показа
Как правильно (рационально) реализовать функционал компонента Breadcrumbs ("Хлебные крошки") в приложении React JS?
Прошу дать развернутый ответ как правильно получать данные для навигации через компонент Breadcrumbs (его визуальная часть не интересует - на это можно воспользоваться готовыми решениями) я про саму ...
2
голоса
1
ответ
80
показов
Как скрыть компонент Footer при определенном URL
Есть код https://codesandbox.io/s/aboutlayout-o3gmd
В Header расположены роуты, при переходе в /cabinet отрисовывается компонент <Сabinet/>, мне нужно сделать так, что при нахождении на роуте /...
0
голосов
0
ответов
62
показа
React маршрутизация
Есть страница https://stackblitz.com/edit/react-fjya8s?file=src%2Fcomponents%2FHeader.jsx. Необходимо, чтобы заголовок h1 с текстом Accaunt располагался визуально на другой странице (не на той, на ...
0
голосов
2
ответа
252
показа
Переход на другую страницу по нажатию кнопки Войти
Есть две страницы:
/ - главная страница,
/profile – страница профиля
На главной странице есть форма авторизации с логином и паролем. После нажатия кнопки Войти должен происходить переход с главной ...
0
голосов
0
ответов
218
показов
Баг с кнопкой "назад" в браузере, нужно нажать на нее два раза чтобы перейти на предыдущую страницу; history, react-router-dom
Использую React.js / React-router-dom и его хук useHistory();
Кто встречался с таким поведением?
На элементе установлен обработчик события клика:
() => history.push("/someRoute")
После ...
0
голосов
1
ответ
55
показов
React router dom меняет ссылку, но, не перерисовывает компонент
Делаю сайт с фильмами и возникла проблема что react router dom меняет ссылку в url, но компонент не перерисовывается.
Есть главная страница, где показываются популярны фильмы / сериалы и по клику ...
0
голосов
1
ответ
296
показов
Почему перезагрузка страницы возвращает меня в роут по адресу "/"?
Вот так выглядит компонент App в моем приложении.
const App = observer(props => {
return (
<Router >
<div className="App">
<Switch>
...
0
голосов
0
ответов
14
показов
Подскажите как должно быть правильно
Есть следующая структура приложения:
const App = () => {
return (
<BrowserRouter>
<NavigationPropvider>
<Switch>
...Route
</...
0
голосов
0
ответов
51
показ
Как вернуть позицию на странице при клике кнопки назад, на "Infinity scroll' странице? React
Суть в том что запомнить координаты на странице не получится так как использую бесконечный скролл на странице, нужно чтобы когда пользователь перешел из этой страницы на какую-нибудь другую и на ней ...
0
голосов
0
ответов
14
показов
React отображение асинхронно полученных данных
Есть какая-то сетка, пусть будет 5х5, каждая ячейка данной сетки компонент. В зависимости от пришедших данных надо добавить контент в ячейку. Как такое можно реализовать?
Первый пришедший в голову ...
0
голосов
1
ответ
24
показа
Роутинг в React приложении
Возникла проблема с роутингом в React приложении. У меня есть две страницы: Customer ('/') и Admin ('/admin'). На странице Customer стоит переключатель между компонентами. Так вот, на локальной машине ...
0
голосов
0
ответов
19
показов
React router не работает корректно
Пробую создать переход между страницами с помощью react-router. Пробую сделать все на отдельных страницах. Ошибки не показывает, ссылку формируется, но переход не происходит. Что я делаю не так?
...
0
голосов
1
ответ
62
показа
Настройка роутинга в ReactJS
Доброго времени суток всем! Изучаю роутинг в ReactJS. Попытался настроить его в своём проекте, но он почему-то выдает пустую страницу (вместо содержимого, заключенного в первый ).
Можете объяснить в ...