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
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 1 день 11 годин тому ∙ 81 ставка |
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 3 дні 22 години тому ∙ 30 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 5 днів 14 годин тому ∙ 98 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 6 днів 8 годин тому ∙ 27 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 8 днів 10 годин тому ∙ 55 ставок |
Знам'янка