Вопросы с меткой [react-router]
Руководство по использованию метки react-router отсутствует.
178
вопросов
0
голосов
0ответов
7 показов
Консоль выдаёт ошибку после перехода по Link. Uncaught Could not find router reducer in state tree, it must be mounted under “router”
при роботе с react router dom по переходе по Link выскакивают две ошибки
Uncaught Could not find router reducer in state tree, it must be mounted under "router"
интересно, что в адресной ...
0
голосов
0ответов
22 показа
Составить дерево с сгенерированным ключем обозначения уровня вложенности из плоского массива
Вопросов, как мой уже наверно было задано достаточное количество. Но я все равно хочу попросить помощи. Необходимо составить дерево из плоского массива. (Вся задача на React). Пример массива и ...
0
голосов
0ответов
20 показов
Как сделать вложенность в url при переключении select используя React?
Подскажите пожалуйста, как сделать правильно вложенность в url при переключении селектов? Использую я React.
У меня есть файл, в котором описаны роуты:
const routes = [
{
id: 1,
path: "/...
0
голосов
1ответ
31 показ
React-router как правильно сделать переход на карточку из каталога
Первые попытки в реакт и сразу затык на теме, из-за которой реакт и интересен был.. До Redux еще далеко, поэтому пытаюсь решить задачу только силами реакта. Нужно сделать каталог и по превью из ...
-1
голос
0ответов
25 показов
React router. Отключение перерисовки компонента при переходе по ссылкам в роутере
Пытаюсь разобраться с тем, как для разных переходов по ссылкам, обозначенных внутри router, не перерисовывать навбар. Потому что смысла в этом нет, а SPA-подход нарушается дублированием навбара (как ...
0
голосов
1ответ
27 показов
Роутинг во вложенном компоненте React
Попрошу камнями не кидаться, ибо все когда то учились)
Суть такова: пишу вишлист для себя и друзей, и застрял на кажется очень глупом моменте. Вложенный компонент - это хедер с табами для навигации и ...
0
голосов
0ответов
9 показов
Реализация Resolver(Angular) в React
Пишу вопрос чисто из любопытства, так как сам не могу найти толкового объяснения. Буду очень благодарен за ваш ответ.
Итак в Angular присутвует некая сущность как Resolver, и основня ее функция не ...
0
голосов
1ответ
29 показов
Примеры написание блога на Реакте?
Всем привет.
я новичок в реакте, и прошу вашей помощи.
Есть ли у кого опыт написания блога на реакте, или примеры как написать ?
Я создав два компонента , PostList and PostSingle, пост лист я вывожу ...
0
голосов
1ответ
26 показов
Добрый день. Какая-то ошибка с импортом ReactDom, просто ни с чего ни с того начало выдавать ошибку
Вот сам текст ошибки "Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export ...
0
голосов
2ответа
45 показов
В react при переходе по ссылке меняется только адрес, обновление элемента происходит только при перезагрузки страницы
import {BrowserRouter as Router, Switch, Route} from "react-router-dom";
import '../Style/Main.css';
import Menu from './Menu';
import Home from './Home';
import Chat from './Chat';
import ...
0
голосов
1ответ
24 показа
Как избавится от лишних сетевых запросов в React?
Ребята, приветствую ) возникла одна проблема. не понимаю как ее решить. в проекте есть несколько связанных между собой страниц. есть страница поиска и при клике на иллюстранцию попадаем на страницу ...
0
голосов
1ответ
88 показов
Для чего нужен Switch react-router-dom
Видел, что есть
<Router>
<Switch>
<Route exact path='/'> <Home /> </Route>
<Route exact path='/about'> <About /> </Route>
&...
0
голосов
0ответов
20 показов
Вложенные компоненты в react
Мне нужно сделать чтобы при переходе на /lost отображался компонент Lost вложенный в Center, а тот вложенный в Main. Должно работать вот так, но не работает (просто пустая страница):
<Route ...
0
голосов
0ответов
8 показов
redux saga history push
Нормально ли прокинуть history от react-router в сагу чтобы потом при удачном запросе перенаправить юзера или это костыль и есть более изящный способ?
0
голосов
1ответ
116 показов
Как в react правильно сделать ссылку на внешний сайт?
Делаю в react внутренние ссылки при помощи роутов:
<NavLink to='/lost' className='nav-link'>Lost</NavLink>
Как при помощи NavLink правильно сделать ссылку на ВНЕШНИЙ сайт?
0
голосов
0ответов
22 показа
React проблемы с отображением подписчиков + Pagination
Я использую api и получаю пользователей, затем отображаю пользователей на странице (GitHub), все работает нормально, я хочу на странице профиля (profile.jsx) отображать тех пользователей, на которых ...
0
голосов
2ответа
35 показов
Как избавиться от “живой” фильтрации при вводе текста? React-redux
Нужна помощь.
Есть компонент, который представляет из себя простую форму с инпутом и кнопкой.
С инпута значение попадает в store, а кнопка меняет URL.
Проблема в том, что фильтр в инпуте срабатывает ...
0
голосов
0ответов
29 показов
Не работает connected-react-router
store.ts
import { createStore, compose, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga';
import rootSaga from 'sagas';
import rootReducer from 'reducers';
import { ...
0
голосов
0ответов
11 показов
Как в React сделать сделать чтобы Link поднимала страницу вверх - window.scroll(0, 0)?
Подскажите, пожалуйста.
У меня header и footer в App, на все страницы. Меняется только Main
<div className="App">
<HeaderDesktop/>
<Main/>
<FooterDesktop/>
&...
0
голосов
0ответов
26 показов
Как правильно отрисовать компонент поверх других компонентов с помощью React-Router-Dom
Первый раз использую react-router-dom, и появилась проблема.. компонент Menu отображаеться снизу над другими компонентами, мне нужно чтобы при нажатии выводился только компонент Menu.
import React ...
0
голосов
1ответ
30 показов
Организация React-компонентов с React Router
Есть вот такой интерфейс:
и есть 3 компонента: PageEmployerList, EmployerListContainer и EmployerList.
Не совсем понятны границы компонентов.
В каком из этих компонентов должны находится заголовок ...
0
голосов
0ответов
9 показов
Как прокинуть Key=Id в другой компонент в запрос
Всем привет,ребят есть вопос.
Есть два компонента в них используется MaterialUi
UserList - на этом компоненте происходит запрос на API и получает список id,username пользователя и с помощью мапы ...
0
голосов
0ответов
27 показов
Parsing error: Identifier 'Switch' has already been declared
В данном случае выдает ошибку:
Parsing error: Identifier 'Switch' has already been declared*
npm-react-dom подключен без ошибок. В чём может быть проблема?
import { BrowserRouter as Router, Route, ...
0
голосов
0ответов
13 показов
Как реализовать изменение вложенного маршрута при клике по <Link> в шапке сайта
Я пишу приложение на React и столкнулся со следующей сложностью, связанной с маршрутизацией.
В приложении есть компоненты, которые отображаются всегда и есть компоненты, которые отображаются в ...
0
голосов
1ответ
20 показов
Как получить ref активной NavLink
В навигации есть указатель, который должен позиционироваться относительно активной ссылки. Как правильно получить реф этой ссылки для расчета позиции указателя ?
const Aside = ({ newMessages }) =&...
0
голосов
0ответов
56 показов
проблемы роутинга react
Возникла проблема с react приложением. Есть бэк на express и фронт на React с использованием react router.
При разработке, express был на порту 3001, а фронт на 3000 и связывался при помощи proxy.
...
3
голоса
2ответа
188 показов
Как сделать перенаправление на исходную страницу после авторизации React
У меня есть на сайте admin панель, в ней есть авторизация.
Мне нужно сделать так, чтобы когда я захожу вручную (через строку поиска браузера, вводя прямой адрес) на страницу, к примеру, редактирования ...
0
голосов
1ответ
31 показ
Как передать объект дочернему компоненту из JSON с помощью пропсов и при использовании Route?
Как передать объект дочернему компоненту из JSON с помощью пропсов и при использовании Route?
Код:
1
голос
2ответа
63 показа
React Динамический Роутинг. Как пробросить нужные props в элемент вызова
Подскажите, пожалуйста, как передать нужные значения в новый компонент рендеринга ? Есть такой простой пример
let state = {
booksDescription: [{
id: 1,
bookName: "Понедельник ...
-1
голос
1ответ
26 показов
Открывание проекта с другой компоненты
Как по умолчанию при запуске проекта делать вывод не localhost:3000 а выбранную компоненту, к примеру localhost:3000/sign - чтоб такая компонента запускалось при открывании проекта
0
голосов
0ответов
27 показов
Маршрутизация Django с react-router
Имеется React проект, с простым Router'ом. Django выступает в роли Rest API сервера с маршрутами api_v0/ и admin/.
urlpatterns в server/urls.py выглядит следующим образом:
urlpatterns = [
path('admin/'...
0
голосов
1ответ
22 показа
Почему я получаю ошибку «Maximum update depth exceeded»?
После того как я добавил проверку на авторизованного пользователя в роутах, стал получать ошибку бесконечного ререндэра.
App.js:
function App(props) {
useEffect(() => props.checkUserToken() , [...
0
голосов
0ответов
27 показов
Как сделать “под роутинг” в React?
Всем привет. Пытаюсь сделать "под роутинг" на странице, если так можно выразиться. И он как бы работает, но если перезагрузить страницу то загрузит пустую страницу, как будто роутер теряет ...
0
голосов
0ответов
19 показов
render Link or <a>
есть в реакт приложении 3 табы, таба 1, таба 2, таба 3.
В чем загвостка, есть код, немного для примера унифицирован
const links = {
[
{name: '1', url: 'some url1'},
{name: '2', url: 'some ...
0
голосов
1ответ
66 показов
Как сделать вложенную маршрутизацию в React?
Есть страница /Products на которой отображаются товары с разных категорий.
Необходимо выводить дочерние элементы:
/Products/phone - страница телефонов
/Products/pc - страница компьютеров и т.д.
Как ...
0
голосов
1ответ
29 показов
Пересоздается компонент, вызываемый Route
Есть <Route path="/edit/:id" component={EditorControl} /> (Пробовал и в свитч оборачивать, и без)
Сам компонент - Tiny Mce
`const fetchJson = async (url : string) => {
...
0
голосов
0ответов
10 показов
Url и фильтрация товаров
Как правильно совместить фильтрацию товаров(или чего либо) с react router, чтоб например при разной фильтрации был разный url, и если перейти по этому url, то фильтрация применится.
1
голос
0ответов
32 показа
Переход по роутам как в социальной сети VK на React
Хочу сделать переходы по роутам как в VK - при нажатии на роут, предыдущий компонент не размонтируется, а ждет пока следующий загрузится и только потом размонтируется и сразу показывает готовый ...
1
голос
0ответов
32 показа
Как правильно настроить роуты на сервере?
Сделал маршруты с помощью react-router-dom. На локальном сервере всё работает отлично, но когда я поместил проект на хостинг маршруты работают, но после обновления страницы я вижу ошибку 404.
...
1
голос
0ответов
32 показа
Как исправить ошибку после обновления страницы (react-douter-dom)?
Пытаюсь сделать маршруты с помощью react-router-dom и столкнулся с проблемой что что если я даю двойной путь(/list/:name) то при переходе всё загружается, но если обновить страницу то я получаю ошибку(...
1
голос
0ответов
16 показов
Как правильно указать Route по :id на два условия
Пытаюсь сделать роуты и столкнулся с проблемой.Хочу сделать переход на разные списки фильмов где в адресе будет указан какой это список (/popular или /upcoming), а также на страницу про фильм и в ...
1
голос
0ответов
27 показов
Как загрузить файл в зависимости от названия страницы в ReactJS + React Router
Интересует вопрос подгрузки JSON (и не только) в зависимости от pathname страницы. Да, легче всего будет использовать один файл, но если у меня их несколько и я не могу ничего с этим поделать...
Вот ...
1
голос
0ответов
114 показов
После обновления страницы пропадает её содержимое и появляется ошибка
Делаю проект в котором получаю списки фильмов по API. Написал код в котором вывожу список этих фильмов на странице и при клике на один из них прихожу на страницу в которой более детально ...
1
голос
1ответ
77 показов
ReactJS смена CSS в зависимости от страницы
Впервые работаю с ReactJS и возник вопрос: Как динамически сменять CSS-файл в зависимости от страницы?
К примеру, у меня есть файл: main.css и about.css.
Требуется при переходе на страницу / ...
0
голосов
1ответ
143 показа
Next.js Router разделение сайта на 2 основные ветки и защита паролем одной из них
Столкнулся с проблемой ( ну для меня проблема ) с роутингом на сайте на две основные ветки "/" и "/admin/" к тому же всю ветку admin мне надо защитить логином и паролем. Статей по этому поводу я не ...
0
голосов
1ответ
37 показов
Как убрать значок процента в адресной строке react-router-dom
использую react-router-dom для перехода на страницу деталей про фильм. В пути указываю
pathname: `/about/${value.title}`, // {value.title} это название фильма, его я получаю через API.
Но когда в ...
0
голосов
1ответ
25 показов
ReactJS помогите настроить маршрутизацию
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Admin from './Admin';
import { Switch, Route } from 'react-router-dom';
...
4
голоса
0ответов
71 показ
Как обновить данные не перезагружая страницу?
Я хочу выводить списки разных типов фильмов, для этого в хедере у меня есть три ссылки " Top rated Upcoming Now playing". Для того чтобы рендерить список фильмов я использую один компонент, API,...
0
голосов
0ответов
31 показ
Как заставить React Lazy сначала загружать, а потом менять страницу
Сейчас у меня React Lazy сначала полностью удаляет содержимое, потом начинает грузить новую страницу, мне нужно что бы элемент загрузки Suspence (fallback) появился сразу же, но страница сменилась ...
0
голосов
1ответ
148 показов
Настройка .htaccess для React (+Router) приложения внутри поддиректории
Имеется React-сайт, который расположен в директории mysite.com/admin. Соответственно index.html находится по адресу mysite.com/admin/index.html. Сайт содержит роуты типа /admin/users или /admin/tools/...