Вопросы с меткой [react-router-dom]
Руководство по использованию метки react-router-dom отсутствует.
172
вопроса
0
голосов
0
ответов
14
показов
Выгрузка данных из localStorage ReactJS
Столкнулся с проблемой выгрузки из localStorage возможно даже с пониманием работы самого React, а именно
import "bootstrap/dist/css/bootstrap.min.css";
import { React, useState, useContext } ...
0
голосов
1
ответ
14
показов
Ошибка при сборке проекта. В типе "BrowserHistory" отсутствуют следующие свойства из типа "History": createURL, encodeLocationts(2739)
Возникла ошибка при сборки проекта c unstable_HistoryRouter,
хотя сам проект который находится у меня рабочий и запускается нормально.
Из за чего это может быть вообще не понимаю. Буду премного ...
1
голос
1
ответ
49
показов
Белый экран при билде React + react-router-dom
При выполнении команды npm run build создается html, при запуске которого вместо контента обычный белый экран (через плагин webstorm запускаю, не просто тыкнув на файл), div id='root' пустой. Ошибок в ...
0
голосов
0
ответов
18
показов
Как получить доступ к значениям мотируемых элементов на React в браузере?
Есть сайт написаный на React (сторонний, к нему доступа нету). На главной страце есть карточка товаров с ценами и блок с пагинацией условных страниц. По нажатию на "ссылки" пагинации React ...
0
голосов
0
ответов
20
показов
React Rout переход по ссылкам
Всем привет!
Подскажите пожалуйста, почему по ссылкам в меню переходит и пути меняются, но отображает то же самое меню?enter image description hereenter image description here
Код:
компонент App:
`...
0
голосов
1
ответ
29
показов
Как добавлять определенные компоненты на страницу в зависимости от url?
app.jsx
const root = ReactDOM.createRoot(document.querySelector(".root"));
root.render(
<Router>
<AuthProvider>
<Routes>
<Route ...
0
голосов
0
ответов
20
показов
Пересечение роутов react и nodejs
Приложение на react и express. В реакте роуты реализованы через react-router-dom, в ноде через express router.
Express отдает статику: app.use(express.static('app')) - В папку app закидывается билд ...
0
голосов
0
ответов
70
показов
Компонент React обновляет данные только после перезагрузки страницы. При нажатии на Navlink меняется Url, но не меняются данные в компоненте
При нажатии на Navlink в первый раз данные показываются, при нажатии на другой Navlink данные остаются такими же, но url меняется, обновив страницу он выводит новые нужные данные.
function App() {
...
0
голосов
1
ответ
32
показа
При смене URL через NavLink не обновляется страница
Есть общая компонента ActivePage
const App = (props) => {
return (
<div className="app-wrapper">
<Header />
<Routes>
<Route path="...
0
голосов
0
ответов
12
показов
Какие существуют способы смены компонентов внутри контейнера на React?
Нужно реализовать следующее поведение на React:
При нажатии на одну из ссылок\кнопок (выделено красным) должны сменяться текст, заголовок и картинка (выделены зеленым). Собственно всё, что выделено ...
0
голосов
0
ответов
21
показ
Получение данных из хука useAsyncValue
Прочитал в документации react-router-dom про возможность использования предзагрузки данных через загрузчик. Там указано что можно использовать хук. Попробовал, потестил с одним объектом данных, всё ...
0
голосов
0
ответов
40
показов
Не получается сделать редирект после авторизации
Мне нужно, чтобы открывалась компонента Dashboard после успешной авторизации
import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
export default class LoginForm extends React....
0
голосов
2
ответа
62
показа
Динамическая загрузка react компонентов с помощью import
В коде у блоггера есть require, который динамически загружает компонент из папки:
import React from 'react'
import { useParams } from 'react-router-dom'
const generatePage = (page) => {
const ...
0
голосов
0
ответов
41
показ
Как передать строку из ввода в URL в React?
У меня есть маршрут "contract/:id", и я хочу, чтобы значение поискового ввода объединилось с URL и стало переменной id из useParams(); как мне переместить поисковый ввод в URL?
export ...
0
голосов
0
ответов
16
показов
POST 404 при добавлении товара
Есть форма добавления товара. Есть функция добавления - addDevice При отправке получаю 404. В чем может быть дело?
Код:
import React, {useContext, useEffect, useState} from 'react';
import Modal ...
1
голос
1
ответ
44
показа
TypeError: info is not iterable
Есть некая функция и к ней привязана кнопка, при нажатии на которую добавляются инпуты. При нажатии кнопки выводится такая ошибка:
Код
const CreateDevice = ({show, onHide}) => {
const {device} = ...
0
голосов
1
ответ
67
показов
Выдаёт ошибку при попытке реализовать Router в React
У меня есть функция
function App() {
return (
<BrowserRouter>
<Route path="/about">
<About />
</Route>
<Route path="/about&...
0
голосов
0
ответов
42
показа
Routing при отображении сайта
Версия
"react-router-dom": "^6.3.0"
Все приложение обернуто в <BrowserRouter>
Роутинг
<Routes>
<Route element={<Singlepage data={weather} />}>
...
0
голосов
2
ответа
83
показа
Как вывести массив Route в react-router-dom v6?
Всем привет! Раньше использовал react-router-dom v5 и все работало, но нужно было перейти на v6 и все сломалось. В чем может быть причина? Если выводить Router не используя массив, тогда все работает....
0
голосов
1
ответ
53
показа
Не работает маршрутизация React
Не могу понять в чём ошибка в маршрутизации. Буду очень благодарен за ответ.
import React from "react";
import './App.css';
import Home from './home';
import { Route, Routes, Link, Router } ...
0
голосов
0
ответов
40
показов
React render после получения ответа от сервера
Есть страница защищенная приватным роутом, где я проверяю, что пользователь авторизован и является владельцем некоторых данных, коротые я получаю с сервера. И проблема в том что идет постоянное ...
0
голосов
0
ответов
56
показов
Как исправить проблему с url картинки на GitHub Pages?
Есть проблема с url картинок. Для маршрутизации сайта я использую react-router-dom. При переходе на страну название репозитории cat-foot-landing заменяется на название в ссылки, по-этому и картинки ...
0
голосов
0
ответов
35
показов
Почему роуты не работают?
Написал роуты вручную по видео и все работает, хочу теперь сделать их через функцию map, но не получается. В видео используется react-router 5. Я использую react-router 6. В браузере ошибка
No routes ...
0
голосов
0
ответов
47
показов
Не работает маршрутизация в react
Помогите, пожалуйста, разобраться с маршрутизацией.
App.js
import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import './App.css';
import Dialogs from './...
0
голосов
2
ответа
190
показов
react-router-dom Как передать свойства в компонент внутри route
Подскажите, пожалуйста, как обернуть в роут все составляющие Нome
Так как без них выводится только шапка
Никак не получается это решить
index.js
import React from 'react';
import { BrowserRouter as ...
0
голосов
0
ответов
78
показов
Интеграция бибиотеки на react-router-dom v6 и createBrowserRouter
Использую кастомную библиотеку компонентов из которой импортирую компонент меню на основе навигации на роутинге
./App.tsx
const router = createBrowserRouter(
createRoutesFromElements(
<&...
0
голосов
1
ответ
46
показов
Не работает Routes, Route
Возникла проблема с использованием роутов в KnowledgeBase.js (код ниже). Пытаюсь прописать их "внутри" другого Route(который в App.js), но ничего не работает. Возможно кто-то сможет найти ...
0
голосов
1
ответ
50
показов
React-router-dom. Как вывести нужный элемент по маршруту
В v6 react-router-dom вместо
<Route path='/' component={App} />
От нас ожидают это
<Route path='/' element={<App />} />
Вопрос: я с помощью функции map пытаюсь вытащить маршруты из ...
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",
проект где использовался старый синтаксис превратился в ...
0
голосов
0
ответов
44
показа
Почему window.history.pushState не тригерит useLocation()?
у меня есть компонент <SearchPage> с таким куском кода
const location = useLocation()
useEffect(() => {
getRenderableItems(setItemsFromDb, setForPagination) // если коротко, тут из ...
0
голосов
0
ответов
17
показов
можно ли заставить <NavLink/> учитывать search параметры?
У меня пагинация на страничке поиска товаров сделана на <NavLink'ах>
Так на NavLink вешается класс active если текущий url.pathname совпадает с тем, что написано в to={}, так ведь?
Тогда как мне ...
0
голосов
1
ответ
153
показа
Почему React не рендерит компонент с Routes?
Версия React 18.2.0
Проблема в том что реакт не рендерит мейн с этими роутами, без них все работает
Файл pakage.json:
{
"name": "",
"version": "0.1.0",
&...
0
голосов
0
ответов
33
показа
Как внутри createAsyncThunk получить свойство через useParams?
Я хочу сделать тудулист с добавление дела для определенного пользователя. Данные я беру с https://jsonplaceholder.typicode.com/todos. Я через роутинг выбрал пользователя, и получил в строке запроса ...
0
голосов
0
ответов
26
показов
Как сделать так, что бы проект на GitHub pages запускался с определенной квери строкой и отдавал нужную страницу?
Есть проект залитый на GitHub.
Если открыть проект по ссылке и начать "путешествовать": т.е. открывать разные роуты, например логин, каталог и тд. - меняются роутом в квери строке и в ...
0
голосов
0
ответов
261
показ
Отслеживание смены страницы в react router
Как вызывать функцию при переходе на другую страницу в react router dom?
Есть хук useLocation, но его нельзя использовать в class компоненте. Есть ли другие способы?
0
голосов
1
ответ
170
показов
Не корректно работает { link } в React Router. Почему не переходит по локальной ссылки?
Столкнулся с необычной проблемой в React Router, я прописал локальным ссылкам {link} и указал куда динамически при клике должна переходить ссылка(на другую страницу), в адресной строке url меняется ...
0
голосов
0
ответов
14
показов
Class component и functional component react
React начал изучать около недели назад и прошу пояснения по best practice.
Как я понял functional component в react это то, чего стоит придерживаться. Но мне больше нравится концепция ооп и я хочу ...
0
голосов
1
ответ
49
показов
Крошится(и не только) сайт в реакт при перезагрузке страницы
Сайт начинает ломаться(не прогружаются картинки, видео, музыка итп. так же на сервер передаются запросы по типу "readprevention/(путь к файлам)) при переходах по таким ссылкам "...
0
голосов
0
ответов
24
показа
Роутинг (react-router-dom)
Вложенный роутинг
<Routes>
<Route path='current' element={<Current />} />
<Route path='day' element={<ToDay />} />
<Route path='deployed' element={<Deployed /...
0
голосов
1
ответ
250
показов
параметры компонентов вне react-router-dom 6
В react-router-dom v6 удалён HOC withRouter
А хук useParams при использовании вне Routes не возвращает параметры
Вопрос в следующем:
Посоветуйте как в коде ниже использовать параметры
(без костылей)
...
0
голосов
1
ответ
32
показа
Как правильно указать ссылку?
Всем привет! При запуске моего проекта, изначальная его ссылка localhost:3000
Как можно сделать, чтобы только именно по ней показывался компонент?
Сейчас код выглядит так, и компонент показывается для ...
0
голосов
1
ответ
162
показа
React. Как реализовать функции складывания товара в корзину и счетчика суммы и товара
Изучаю react. Поставила себе задачу реализовать функции, как в интернет магазине:
есть карточки товаров при клике на значок "+" они должны складываться в корзину и на главной странице должно ...
0
голосов
1
ответ
301
показ
Проверка авторизации и редирект
Я новичок в react. Можете подсказать как делать проверку авторизации на React 17 для этой задачи?
0
голосов
0
ответов
45
показов
react-ruter v6 получить активный подмаршрут
Есть ли способ без использования state получить текущий (активный) подмаршрут?
Например, есть:
<Route path="home/*" element={<Home />}>
<Route index element={<Main />...
0
голосов
0
ответов
167
показов
Компонент mobx не перерисовывается при вызове функции get
Компонент mobx не перерисовывается
Я хочу сделать, если я меняю значения, то компонент Testcomponen перерисовывается, но этого не происходит
вот так выглядит мой store
import { makeObservable, ...
0
голосов
0
ответов
17
показов
как правильно проверять router через protected router
здесь происходит отправка данных на сервер для обновления jwt
export const CheckCookie = () => {
const dispatch = useDispatch();
const location = useLocation();
const jwt = ...
0
голосов
1
ответ
928
показов
react router v6 ошибка при обновлении страницы с параметром в адресной строке
Когда я пытаюсь перейти по адресу http://127.0.0.1:3000/order/1 через ссылку роутера или через navigate(), то все работает хорошо, но когда я обновляю страницу или напрямую меня строку браузера, чтобы ...
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 (
<...
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) {
...
}
}
...
0
голосов
1
ответ
68
показов
Как передать значение в input?
Подскажите, как сделать проверку input. Если есть параметр у ссылки searchParams.get("q"), то он передается в input, а если его нет, то input пустой? И если параметр searchParams.get("q&...