React / js подправить переход с одной странички на другую
5 USDЕсть мой код
Нажимаю на кнопку логаут. Отправляются на сервер запрос что мы выходим. И меня должно перекинуть на страничку логина. При этом, в шапке сайта показывается один и другой хедер если я был залогинен и не залогинен.
Что мне посоветовали сделать:
*********************************
Ти записуєш токен в localstorage, але react не слідкує за localstorage. Як подовідомити react що щось змінилось? За допомогою setState().
Наскільки я розумію візуально проблема проявляється в тому що AppHeader, або AppMenu не змінюються після логіна без window.reload(). Щоб вони змінились треба по-перше створити в твоєму компоненті в state якесь поле або декілька полів з інформацією яка потрібна дочірнім компонентам, по-друге треба передавати ці поля дочірнім компонентам за допомогою props. По-третє треба не тільки додавати токен в localStorage, але й змінювати відповідні поля в state за допомогою setState().
В найпростішому випадку можна додати в state поле loggedIn. Тоді дочірні компоненти зможуть дізнатись залогінився користувач чи ні. Якщо їм потрібно також ім'я користувача, то слід додати ще наприклад username.
**********************************
Я примерно это и сделал, но проблема не пропала. Скорее всего я сделал не правильно.
Как мы можем это быстро починить, вы берете заказ, я даю вам доступ к моему ноуту чете тим вьюер и вы все чините. Быстро и удобно. Ничего вам себе на комп устанавливать не нужно. Ну или если причина прям в глаза кидается - исправляете, а я запускаю.
-
1 day5 USD
623 10 0 1 day5 USD
Здравствуйте, готов предложить свою кандидатуру
Верстка адаптивная и кроссбраузерная
Проверка на скорость сайта
Качество и сроки гарантирую
Примеры работ:
Верстка:
https://dikushan00.github.io/restaurant
… Верстка + Js:
https://dikushan00.github.io/
React:
https://github.com/dikushan00/react-my-way
-
2 days11 USD
1727 20 0 2 days11 USD
Добрый день, скорее всего действительно не правильно реализовали, киньте файлы в личные сообщения сделаю.
Мои работы
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"); -
Current freelance projects in the category Javascript and Typescript
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 1 day 8 hours back ∙ 81 proposals |
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 3 days 19 hours back ∙ 30 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 5 days 11 hours back ∙ 98 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 6 days 6 hours back ∙ 27 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 8 days 7 hours back ∙ 55 proposals |
Znamenka