Вопросы с меткой [react-router-dom]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
14 показов

Выгрузка данных из localStorage ReactJS

Столкнулся с проблемой выгрузки из localStorage возможно даже с пониманием работы самого React, а именно import "bootstrap/dist/css/bootstrap.min.css"; import { React, useState, useContext } ...
Ethernets's user avatar
  • 990
0 голосов
1 ответ
14 показов

Ошибка при сборке проекта. В типе "BrowserHistory" отсутствуют следующие свойства из типа "History": createURL, encodeLocationts(2739)

Возникла ошибка при сборки проекта c unstable_HistoryRouter, хотя сам проект который находится у меня рабочий и запускается нормально. Из за чего это может быть вообще не понимаю. Буду премного ...
Михаил's user avatar
1 голос
1 ответ
49 показов

Белый экран при билде React + react-router-dom

При выполнении команды npm run build создается html, при запуске которого вместо контента обычный белый экран (через плагин webstorm запускаю, не просто тыкнув на файл), div id='root' пустой. Ошибок в ...
Daskis's user avatar
  • 47
0 голосов
0 ответов
18 показов

Как получить доступ к значениям мотируемых элементов на React в браузере?

Есть сайт написаный на React (сторонний, к нему доступа нету). На главной страце есть карточка товаров с ценами и блок с пагинацией условных страниц. По нажатию на "ссылки" пагинации React ...
BlackStar1991's user avatar
0 голосов
0 ответов
20 показов

React Rout переход по ссылкам

Всем привет! Подскажите пожалуйста, почему по ссылкам в меню переходит и пути меняются, но отображает то же самое меню?enter image description hereenter image description here Код: компонент App: `...
Тына Шайбеков's user avatar
0 голосов
1 ответ
29 показов

Как добавлять определенные компоненты на страницу в зависимости от url?

app.jsx const root = ReactDOM.createRoot(document.querySelector(".root")); root.render( <Router> <AuthProvider> <Routes> <Route ...
all time's user avatar
0 голосов
0 ответов
20 показов

Пересечение роутов react и nodejs

Приложение на react и express. В реакте роуты реализованы через react-router-dom, в ноде через express router. Express отдает статику: app.use(express.static('app')) - В папку app закидывается билд ...
Илья's user avatar
0 голосов
0 ответов
70 показов

Компонент React обновляет данные только после перезагрузки страницы. При нажатии на Navlink меняется Url, но не меняются данные в компоненте

При нажатии на Navlink в первый раз данные показываются, при нажатии на другой Navlink данные остаются такими же, но url меняется, обновив страницу он выводит новые нужные данные. function App() { ...
Артем's user avatar
0 голосов
1 ответ
32 показа

При смене URL через NavLink не обновляется страница

Есть общая компонента ActivePage const App = (props) => { return ( <div className="app-wrapper"> <Header /> <Routes> <Route path="...
klekovvlad's user avatar
0 голосов
0 ответов
12 показов

Какие существуют способы смены компонентов внутри контейнера на React?

Нужно реализовать следующее поведение на React: При нажатии на одну из ссылок\кнопок (выделено красным) должны сменяться текст, заголовок и картинка (выделены зеленым). Собственно всё, что выделено ...
chmo_publican 's user avatar
0 голосов
0 ответов
21 показ

Получение данных из хука useAsyncValue

Прочитал в документации react-router-dom про возможность использования предзагрузки данных через загрузчик. Там указано что можно использовать хук. Попробовал, потестил с одним объектом данных, всё ...
Александр's user avatar
0 голосов
0 ответов
40 показов

Не получается сделать редирект после авторизации

Мне нужно, чтобы открывалась компонента Dashboard после успешной авторизации import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'; export default class LoginForm extends React....
Elena's user avatar
  • 1
0 голосов
2 ответа
62 показа

Динамическая загрузка react компонентов с помощью import

В коде у блоггера есть require, который динамически загружает компонент из папки: import React from 'react' import { useParams } from 'react-router-dom' const generatePage = (page) => { const ...
Sergey Inozemcev's user avatar
0 голосов
0 ответов
41 показ

Как передать строку из ввода в URL в React?

У меня есть маршрут "contract/:id", и я хочу, чтобы значение поискового ввода объединилось с URL и стало переменной id из useParams(); как мне переместить поисковый ввод в URL? export ...
Dmitry Kozhevnikov's user avatar
0 голосов
0 ответов
16 показов

POST 404 при добавлении товара

Есть форма добавления товара. Есть функция добавления - addDevice При отправке получаю 404. В чем может быть дело? Код: import React, {useContext, useEffect, useState} from 'react'; import Modal ...
Jame Time's user avatar
1 голос
1 ответ
44 показа

TypeError: info is not iterable

Есть некая функция и к ней привязана кнопка, при нажатии на которую добавляются инпуты. При нажатии кнопки выводится такая ошибка: Код const CreateDevice = ({show, onHide}) => { const {device} = ...
Jame Time's user avatar
0 голосов
1 ответ
67 показов

Выдаёт ошибку при попытке реализовать Router в React

У меня есть функция function App() { return ( <BrowserRouter> <Route path="/about"> <About /> </Route> <Route path="/about&...
Danoslo 255's user avatar
0 голосов
0 ответов
42 показа

Routing при отображении сайта

Версия "react-router-dom": "^6.3.0" Все приложение обернуто в <BrowserRouter> Роутинг <Routes> <Route element={<Singlepage data={weather} />}> ...
Евгений Колмак's user avatar
0 голосов
2 ответа
83 показа

Как вывести массив Route в react-router-dom v6?

Всем привет! Раньше использовал react-router-dom v5 и все работало, но нужно было перейти на v6 и все сломалось. В чем может быть причина? Если выводить Router не используя массив, тогда все работает....
Petr's user avatar
  • 1
0 голосов
1 ответ
53 показа

Не работает маршрутизация React

Не могу понять в чём ошибка в маршрутизации. Буду очень благодарен за ответ. import React from "react"; import './App.css'; import Home from './home'; import { Route, Routes, Link, Router } ...
Bob's user avatar
  • 23
0 голосов
0 ответов
40 показов

React render после получения ответа от сервера

Есть страница защищенная приватным роутом, где я проверяю, что пользователь авторизован и является владельцем некоторых данных, коротые я получаю с сервера. И проблема в том что идет постоянное ...
user527129's user avatar
0 голосов
0 ответов
56 показов

Как исправить проблему с url картинки на GitHub Pages?

Есть проблема с url картинок. Для маршрутизации сайта я использую react-router-dom. При переходе на страну название репозитории cat-foot-landing заменяется на название в ссылки, по-этому и картинки ...
Alexsander's user avatar
0 голосов
0 ответов
35 показов

Почему роуты не работают?

Написал роуты вручную по видео и все работает, хочу теперь сделать их через функцию map, но не получается. В видео используется react-router 5. Я использую react-router 6. В браузере ошибка No routes ...
Vanya's user avatar
  • 13
0 голосов
0 ответов
47 показов

Не работает маршрутизация в react

Помогите, пожалуйста, разобраться с маршрутизацией. App.js import React from 'react'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; import './App.css'; import Dialogs from './...
Ilya Shevelev's user avatar
0 голосов
2 ответа
190 показов

react-router-dom Как передать свойства в компонент внутри route

Подскажите, пожалуйста, как обернуть в роут все составляющие Нome Так как без них выводится только шапка Никак не получается это решить index.js import React from 'react'; import { BrowserRouter as ...
Sol's user avatar
  • 3
0 голосов
0 ответов
78 показов

Интеграция бибиотеки на react-router-dom v6 и createBrowserRouter

Использую кастомную библиотеку компонентов из которой импортирую компонент меню на основе навигации на роутинге ./App.tsx const router = createBrowserRouter( createRoutesFromElements( <&...
Паша Рыбкин's user avatar
0 голосов
1 ответ
46 показов

Не работает Routes, Route

Возникла проблема с использованием роутов в KnowledgeBase.js (код ниже). Пытаюсь прописать их "внутри" другого Route(который в App.js), но ничего не работает. Возможно кто-то сможет найти ...
Korostev's user avatar
0 голосов
1 ответ
50 показов

React-router-dom. Как вывести нужный элемент по маршруту

В v6 react-router-dom вместо <Route path='/' component={App} /> От нас ожидают это <Route path='/' element={<App />} /> Вопрос: я с помощью функции map пытаюсь вытащить маршруты из ...
Денис Беспалов's user avatar
0 голосов
0 ответов
24 показа

React Attempted import error: 'withRouter' is not exported from 'react-router-dom'

При обновлении зависимостей в package.json "react-router": "^6.4.3", "react-router-dom": "^6.4.3", проект где использовался старый синтаксис превратился в ...
BlackStar1991's user avatar
0 голосов
0 ответов
44 показа

Почему window.history.pushState не тригерит useLocation()?

у меня есть компонент <SearchPage> с таким куском кода const location = useLocation() useEffect(() => { getRenderableItems(setItemsFromDb, setForPagination) // если коротко, тут из ...
Kristiano Odadu's user avatar
0 голосов
0 ответов
17 показов

можно ли заставить <NavLink/> учитывать search параметры?

У меня пагинация на страничке поиска товаров сделана на <NavLink'ах> Так на NavLink вешается класс active если текущий url.pathname совпадает с тем, что написано в to={}, так ведь? Тогда как мне ...
Kristiano Odadu's user avatar
0 голосов
1 ответ
153 показа

Почему React не рендерит компонент с Routes?

Версия React 18.2.0 Проблема в том что реакт не рендерит мейн с этими роутами, без них все работает Файл pakage.json: { "name": "", "version": "0.1.0", &...
user avatar
0 голосов
0 ответов
33 показа

Как внутри createAsyncThunk получить свойство через useParams?

Я хочу сделать тудулист с добавление дела для определенного пользователя. Данные я беру с https://jsonplaceholder.typicode.com/todos. Я через роутинг выбрал пользователя, и получил в строке запроса ...
Артем Яценко's user avatar
0 голосов
0 ответов
26 показов

Как сделать так, что бы проект на GitHub pages запускался с определенной квери строкой и отдавал нужную страницу?

Есть проект залитый на GitHub. Если открыть проект по ссылке и начать "путешествовать": т.е. открывать разные роуты, например логин, каталог и тд. - меняются роутом в квери строке и в ...
Alexander Martial's user avatar
0 голосов
0 ответов
261 показ

Отслеживание смены страницы в react router

Как вызывать функцию при переходе на другую страницу в react router dom? Есть хук useLocation, но его нельзя использовать в class компоненте. Есть ли другие способы?
kotov865's user avatar
0 голосов
1 ответ
170 показов

Не корректно работает { link } в React Router. Почему не переходит по локальной ссылки?

Столкнулся с необычной проблемой в React Router, я прописал локальным ссылкам {link} и указал куда динамически при клике должна переходить ссылка(на другую страницу), в адресной строке url меняется ...
Old game's user avatar
0 голосов
0 ответов
14 показов

Class component и functional component react

React начал изучать около недели назад и прошу пояснения по best practice. Как я понял functional component в react это то, чего стоит придерживаться. Но мне больше нравится концепция ооп и я хочу ...
Universall's user avatar
0 голосов
1 ответ
49 показов

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

Сайт начинает ломаться(не прогружаются картинки, видео, музыка итп. так же на сервер передаются запросы по типу "readprevention/(путь к файлам)) при переходах по таким ссылкам "...
Максим's user avatar
0 голосов
0 ответов
24 показа

Роутинг (react-router-dom)

Вложенный роутинг <Routes> <Route path='current' element={<Current />} /> <Route path='day' element={<ToDay />} /> <Route path='deployed' element={<Deployed /...
Евгений Колмак's user avatar
0 голосов
1 ответ
250 показов

параметры компонентов вне react-router-dom 6

В react-router-dom v6 удалён HOC withRouter А хук useParams при использовании вне Routes не возвращает параметры Вопрос в следующем: Посоветуйте как в коде ниже использовать параметры (без костылей) ...
HaZcker's user avatar
  • 1,268
0 голосов
1 ответ
32 показа

Как правильно указать ссылку?

Всем привет! При запуске моего проекта, изначальная его ссылка localhost:3000 Как можно сделать, чтобы только именно по ней показывался компонент? Сейчас код выглядит так, и компонент показывается для ...
vinograd's user avatar
0 голосов
1 ответ
162 показа

React. Как реализовать функции складывания товара в корзину и счетчика суммы и товара

Изучаю react. Поставила себе задачу реализовать функции, как в интернет магазине: есть карточки товаров при клике на значок "+" они должны складываться в корзину и на главной странице должно ...
Kolamik's user avatar
  • 93
0 голосов
1 ответ
301 показ

Проверка авторизации и редирект

Я новичок в react. Можете подсказать как делать проверку авторизации на React 17 для этой задачи?
Empathy Yеn's user avatar
0 голосов
0 ответов
45 показов

react-ruter v6 получить активный подмаршрут

Есть ли способ без использования state получить текущий (активный) подмаршрут? Например, есть: <Route path="home/*" element={<Home />}> <Route index element={<Main />...
Андрей Григорьев's user avatar
0 голосов
0 ответов
167 показов

Компонент mobx не перерисовывается при вызове функции get

Компонент mobx не перерисовывается Я хочу сделать, если я меняю значения, то компонент Testcomponen перерисовывается, но этого не происходит вот так выглядит мой store import { makeObservable, ...
Виктория's user avatar
0 голосов
0 ответов
17 показов

как правильно проверять router через protected router

здесь происходит отправка данных на сервер для обновления jwt export const CheckCookie = () => { const dispatch = useDispatch(); const location = useLocation(); const jwt = ...
Thrackerzod's user avatar
0 голосов
1 ответ
928 показов

react router v6 ошибка при обновлении страницы с параметром в адресной строке

Когда я пытаюсь перейти по адресу http://127.0.0.1:3000/order/1 через ссылку роутера или через navigate(), то все работает хорошо, но когда я обновляю страницу или напрямую меня строку браузера, чтобы ...
Николай Краснов's user avatar
0 голосов
0 ответов
20 показов

Как сделать подгрузку роутов из массива в компонент <Routes> библиотеки react router dom v6

import React from 'react'; import { Routes, Route, Navigate } from "react-router-dom"; import { routes } from '../router/routes'; const AppRouter = () => { return ( <...
Konstantin's user avatar
0 голосов
0 ответов
510 показов

React + Redux + Router теряется state при смене страницы

Reduser.js const defaultState = { isAuth: false, } const AUTH = "AUTH"; export const userReducer = (state = defaultState, action) => { switch(action.type) { ... } } ...
Nannik's user avatar
  • 196
0 голосов
1 ответ
68 показов

Как передать значение в input?

Подскажите, как сделать проверку input. Если есть параметр у ссылки searchParams.get("q"), то он передается в input, а если его нет, то input пустой? И если параметр searchParams.get("q&...
cracker.s's user avatar