React / js подправить переход с одной странички на другую
16 PLNЕсть мой код
Нажимаю на кнопку логаут. Отправляются на сервер запрос что мы выходим. И меня должно перекинуть на страничку логина. При этом, в шапке сайта показывается один и другой хедер если я был залогинен и не залогинен.
Что мне посоветовали сделать:
*********************************
Ти записуєш токен в localstorage, але react не слідкує за localstorage. Як подовідомити react що щось змінилось? За допомогою setState().
Наскільки я розумію візуально проблема проявляється в тому що AppHeader, або AppMenu не змінюються після логіна без window.reload(). Щоб вони змінились треба по-перше створити в твоєму компоненті в state якесь поле або декілька полів з інформацією яка потрібна дочірнім компонентам, по-друге треба передавати ці поля дочірнім компонентам за допомогою props. По-третє треба не тільки додавати токен в localStorage, але й змінювати відповідні поля в state за допомогою setState().
В найпростішому випадку можна додати в state поле loggedIn. Тоді дочірні компоненти зможуть дізнатись залогінився користувач чи ні. Якщо їм потрібно також ім'я користувача, то слід додати ще наприклад username.
**********************************
Я примерно это и сделал, но проблема не пропала. Скорее всего я сделал не правильно.
Как мы можем это быстро починить, вы берете заказ, я даю вам доступ к моему ноуту чете тим вьюер и вы все чините. Быстро и удобно. Ничего вам себе на комп устанавливать не нужно. Ну или если причина прям в глаза кидается - исправляете, а я запускаю.
-
1 dzień16 PLN
623 10 0 1 dzień16 PLN
Здравствуйте, готов предложить свою кандидатуру
Верстка адаптивная и кроссбраузерная
Проверка на скорость сайта
Качество и сроки гарантирую
Примеры работ:
Верстка:
https://dikushan00.github.io/restaurant
… Верстка + Js:
https://dikushan00.github.io/
React:
https://github.com/dikushan00/react-my-way
-
2 dni41 PLN
1727 20 0 2 dni41 PLN
Добрый день, скорее всего действительно не правильно реализовали, киньте файлы в личные сообщения сделаю.
Мои работы
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"); -
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 8 godzin temu ∙ 28 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni temu ∙ 96 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 19 godzin temu ∙ 27 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 6 dni 20 godzin temu ∙ 55 ofert |
Szukam Senior Full-Stack dewelopera (Payload CMS) — migracja 2 stron internetowych sieci hoteliSieć kurortowych hoteli przechodzi z Webflow na własny headless-stack. Dwie strony korporacyjne (~140 stron razem), architektura multi-tenant — jeden kod obsługuje kilka hoteli na różnych domenach. Projekt już wystartował: infrastruktura jest wdrożona, najemcy są… Content Management Systems, Javascript & Typescript ∙ 10 dni 18 godzin temu ∙ 19 ofert |
Znamenka