Tagged: react-router

12
Апр
2021

React аутентификация не работает route

Имеется React приложение с аутентификацией, логин / регистрация работают успешно, но сама форма регистрации или логина почему-то открывается на той же самой странице, где и есть эти кнопки логина и пароля, прямо под ними появляется форма, …

04
Мар
2021

Router не дружит с React

При добавлении в реакт, ругается и выдает миллион ошибок, требуя родительский элемент, хотя с навбаром никаких проблем не было, подскажите, что делать, я ужасно плох в реакте и писать Router в новом файле и потом соединять будет просто м…

14
Фев
2021

Консоль выдаёт ошибку после перехода по 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"
интересно, что в адресной строке адрес меняется, а контент не рендар…

12
Фев
2021

Составить дерево с сгенерированным ключем обозначения уровня вложенности из плоского массива

Вопросов, как мой уже наверно было задано достаточное количество. Но я все равно хочу попросить помощи. Необходимо составить дерево из плоского массива. (Вся задача на React). Пример массива и выполнение ниже.
Объекты у которых есть ключ g…

25
Янв
2021

React router. Отключение перерисовки компонента при переходе по ссылкам в роутере

Пытаюсь разобраться с тем, как для разных переходов по ссылкам, обозначенных внутри router, не перерисовывать навбар. Потому что смысла в этом нет, а SPA-подход нарушается дублированием навбара (как компонента) внутри всех страниц, где это…

01
Янв
2021

В 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 Recommendations from ‘./Recommendations’…

17
Дек
2020

Как избавится от лишних сетевых запросов в React?

Ребята, приветствую ) возникла одна проблема. не понимаю как ее решить. в проекте есть несколько связанных между собой страниц. есть страница поиска и при клике на иллюстранцию попадаем на страницу иллюстрации. используется react-router дл…

13
Ноя
2020

React проблемы с отображением подписчиков + Pagination

Я использую api и получаю пользователей, затем отображаю пользователей на странице (GitHub), все работает нормально, я хочу на странице профиля (profile.jsx) отображать тех пользователей, на которых я подписан.
https://ibb.co/m5tNgV2
Проб…

13
Ноя
2020

Как избавиться от "живой" фильтрации при вводе текста? React-redux

Нужна помощь.
Есть компонент, который представляет из себя простую форму с инпутом и кнопкой.
С инпута значение попадает в store, а кнопка меняет URL.
Проблема в том, что фильтр в инпуте срабатывает по каждой новой букве, а должен сработат…

08
Сен
2020

Как получить ref активной NavLink

В навигации есть указатель, который должен позиционироваться относительно активной ссылки. Как правильно получить реф этой ссылки для расчета позиции указателя ?

const Aside = ({ newMessages }) => {

return (
<aside classNa…

31
Авг
2020

проблемы роутинга react

Возникла проблема с react приложением. Есть бэк на express и фронт на React с использованием react router.
При разработке, express был на порту 3001, а фронт на 3000 и связывался при помощи proxy.
Суть проблемы заключается в том, что после…

31
Авг
2020

Как сделать перенаправление на исходную страницу после авторизации React

У меня есть на сайте admin панель, в ней есть авторизация.
Мне нужно сделать так, чтобы когда я захожу вручную (через строку поиска браузера, вводя прямой адрес) на страницу, к примеру, редактирования пользователя – меня сначала переводило…

18
Июн
2020

Как сделать вложенную маршрутизацию в React?

Есть страница /Products на которой отображаются товары с разных категорий.
Необходимо выводить дочерние элементы:
/Products/phone – страница телефонов
/Products/pc – страница компьютеров и т.д.
Как сделать так, что бы /Products стал родите…

04
Июн
2020

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

Сделал маршруты с помощью react-router-dom. На локальном сервере всё работает отлично, но когда я поместил проект на хостинг маршруты работают, но после обновления страницы я вижу ошибку 404.
Подскажите как настроить маршруты на сервере чт…

23
Май
2020

Как исправить ошибку после обновления страницы (react-douter-dom)?

Пытаюсь сделать маршруты с помощью react-router-dom и столкнулся с проблемой что что если я даю двойной путь(/list/:name) то при переходе всё загружается, но если обновить страницу то я получаю ошибку(скриншот ошибки: https://ibb.co/XpNSSY…

22
Май
2020

Как правильно указать Route по :id на два условия

Пытаюсь сделать роуты и столкнулся с проблемой.Хочу сделать переход на разные списки фильмов где в адресе будет указан какой это список (/popular или /upcoming), а также на страницу про фильм и в адресе будет id фильма (/44535).Тот код кот…

21
Май
2020

После обновления страницы пропадает её содержимое и появляется ошибка

Делаю проект в котором получаю списки фильмов по API. Написал код в котором вывожу список этих фильмов на странице и при клике на один из них прихожу на страницу в которой более детально рассказывается про этот фильм. Сделал это с помощью …

19
Май
2020

ReactJS смена CSS в зависимости от страницы

Впервые работаю с ReactJS и возник вопрос: Как динамически сменять CSS-файл в зависимости от страницы?

К примеру, у меня есть файл: main.css и about.css.
Требуется при переходе на страницу / подружать main.css, а на /about – about.css.

17
Май
2020

Как убрать значок процента в адресной строке react-router-dom

использую react-router-dom для перехода на страницу деталей про фильм. В пути указываю

pathname: `/about/${value.title}`, // {value.title} это название фильма, его я получаю через API.

Но когда в названии фильма есть пробел, то в адре…

15
Май
2020

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

Я хочу выводить списки разных типов фильмов, для этого в хедере у меня есть три ссылки ” Top rated Upcoming Now playing”. Для того чтобы рендерить список фильмов я использую один компонент, API,react-router-dom. Выглядит это следующим об…

03
Май
2020

Настройка .htaccess для React (+Router) приложения внутри поддиректории

Имеется React-сайт, который расположен в директории mysite.com/admin. Соответственно index.html находится по адресу mysite.com/admin/index.html. Сайт содержит роуты типа /admin/users или /admin/tools/removeUser.

Как настроить .htaccess, ч…