React / js подправить переход с одной странички на другую
200 UAHЕсть мой код
Нажимаю на кнопку логаут. Отправляются на сервер запрос что мы выходим. И меня должно перекинуть на страничку логина. При этом, в шапке сайта показывается один и другой хедер если я был залогинен и не залогинен.
Что мне посоветовали сделать:
*********************************
Ти записуєш токен в localstorage, але react не слідкує за localstorage. Як подовідомити react що щось змінилось? За допомогою setState().
Наскільки я розумію візуально проблема проявляється в тому що AppHeader, або AppMenu не змінюються після логіна без window.reload(). Щоб вони змінились треба по-перше створити в твоєму компоненті в state якесь поле або декілька полів з інформацією яка потрібна дочірнім компонентам, по-друге треба передавати ці поля дочірнім компонентам за допомогою props. По-третє треба не тільки додавати токен в localStorage, але й змінювати відповідні поля в state за допомогою setState().
В найпростішому випадку можна додати в state поле loggedIn. Тоді дочірні компоненти зможуть дізнатись залогінився користувач чи ні. Якщо їм потрібно також ім'я користувача, то слід додати ще наприклад username.
**********************************
Я примерно это и сделал, но проблема не пропала. Скорее всего я сделал не правильно.
Как мы можем это быстро починить, вы берете заказ, я даю вам доступ к моему ноуту чете тим вьюер и вы все чините. Быстро и удобно. Ничего вам себе на комп устанавливать не нужно. Ну или если причина прям в глаза кидается - исправляете, а я запускаю.
-
1 день200 UAH
623 10 0 1 день200 UAH
Здравствуйте, готов предложить свою кандидатуру
Верстка адаптивная и кроссбраузерная
Проверка на скорость сайта
Качество и сроки гарантирую
Примеры работ:
Верстка:
https://dikushan00.github.io/restaurant
… Верстка + Js:
https://dikushan00.github.io/
React:
https://github.com/dikushan00/react-my-way
-
2 дня500 UAH
1727 20 0 2 дня500 UAH
Добрый день, скорее всего действительно не правильно реализовали, киньте файлы в личные сообщения сделаю.
Мои работы
Freelancehunt
-
А код на гитхабе есть?
-
Посмотрю через пол часа, а что насчёт использования react router history push?
-
1. выведи в консоль window.location.href - по идее должно меняться с текущей страницы на /login
2. попробуй
import {Redirect} from "react-router";
заменить <link to="login"> на <Redirect to="/login" />
3. попробуйimport { useHistory } from "react-router-dom";let history = useHistory();history.push("/login"); -
Актуальные фриланс-проекты в категории Javascript и Typescript
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 1 день 8 часов назад ∙ 25 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 3 дня назад ∙ 95 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 3 дня 19 часов назад ∙ 26 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 5 дней 20 часов назад ∙ 55 ставок |
Ищу Senior Full-Stack разработчика (Payload CMS) — миграция 2 сайтов гостиничной сетиСеть курортных отелей переходит с Webflow на собственный headless-стек. Два корпоративных сайта (~140 страниц вместе), multi-tenant архитектура — один код обслуживает несколько отелей на разных доменах. Проект уже стартовал: инфраструктура развернута, tenants настроены, базовые… CMS, Javascript и Typescript ∙ 9 дней 18 часов назад ∙ 19 ставок |
Знаменка