Tagged: react-router

06
Авг
2021

React.js + Router – Как сбилдить для размещения в папке?

Создаю админку для бота на React.js, и разместить в корневом каталоге не могу. Как сбилдить проект для использования в папке? Например https://domen.com/admin
Сам сайт запустился, но Router не видит ссылок. Они у меня /login, /users и т.д….

02
Авг
2021

React Router – отрендерить элемент с нуля

Делаю админку на реакте. Есть структура компонента App:
хэдер
сайдбар
свитч -> роуты, которые подружают страницы
футер

Все работает нормально, но сейчас я создал страницу логина (просто два поля и кнопка по центру), на которой нельзя п…

27
Июл
2021

TypeScript React помогите типизировать компонент в HOC в route

Я сделал обёртку для формы, которая в зависимости от роута передает в форму разные колбэки, на создание и на обновление сущности, но когда я вызываю этот HOC в роуте и передаю ему компонент формы, ts ругается на типизацию оборачиваемого ко…

11
Июл
2021

Как вернуть позицию на странице при клике кнопки назад, на "Infinity scroll’ странице? React

Суть в том что запомнить координаты на странице не получится так как использую бесконечный скролл на странице, нужно чтобы когда пользователь перешел из этой страницы на какую-нибудь другую и на ней нажал кнопку назад (!! кнопка на страниц…

09
Июл
2021

Применение хоков в рендер методе

Всем привет. Я тут перечитывал документауию реакта и нашел там кое-что интересное, касательно использования хоков в рендер методах компонентов. И тут я вспомнил, что у меня есть как раз такой) В общем, можете, пожалуйста, объяснить есть ли…

09
Июл
2021

Применение хоков в рендер методе

Всем привет. Я тут перечитывал документауию реакта и нашел там кое-что интересное, касательно использования хоков в рендер методах компонентов. И тут я вспомнил, что у меня есть как раз такой) В общем, можете, пожалуйста, объяснить есть ли…

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 стал родите…