Size: a a a

React — русскоговорящее сообщество

2021 June 17

В

Влад in React — русскоговорящее сообщество
Наверное или что-то с автообновлением
источник

HT

Hermes Trismegistus in React — русскоговорящее сообщество
Что? Там реакт старт запущен
источник

L

L in React — русскоговорящее сообщество
до этого у меня есть страница где я ввожу логин и пароль, после чего меня редиректит и вылазит эта штука. Сервер на локалхосте имее только 2 пользователя и я не могу изменить им пароль
источник

P

Paul in React — русскоговорящее сообщество
В том, что ты не знаешь для чего babel
источник

BB

B B in React — русскоговорящее сообщество
Привет ребята, как сделать login in and log out с redux?
источник

C

Cool29 in React — русскоговорящее сообщество
Ну собственно:
в редаксе у нас есть middleware типа санок или саг.
Вот ты в ней вызываешь например функцию которая тебе запрос на сервер делает.
Пусть сервер тебе токен высылает, который автоматом в куки попадает (которые только HTTPOnly)
Как ты знаешь куки каждый раз автоматом при запросе на сервер уходят
Значит и токен доступа также будет автоматом туда уходить.
Далее при запросе на вход в систему тебе сервер ответит кодом 200 если ты успешно вошел в систему,
или не ответит  или ответит с кодом больше 400, если ошибка.
Вот ты  проверяешь этот код и если он 200, то в редаксе флаг какой нибудь ставишь на true,
Например он у тебя будет наызваться isAuthenticated.

Вот когда isAuthenticated === true это значит что ты в систему вошел,
а вот когда isAuthenticated === false это значит что ты не вошел в систему.

Соотвтетсвенно логику работы программы нужно делать в соответствии со значением этого флага.
напиример при isAuthenticated === true мы какие то маршруты или компонеты делаем доступными, а при isAuthenticated === false не позваоляем пользователю получить к ним доступ.

Соотвественно при log out ты делаешь запрос на сервер о том что ты вышел из системы, что бы он обнулил токен доступа и вторым действием устанавливаешь isAuthenticated=false.

Есть еще нюансы с истечением срока годности токена во время работы программы, обновлением его посредством refreshToken и.т.д и т.п.
источник

BB

B B in React — русскоговорящее сообщество
Спасибо большое
источник

И

Иванов Максим... in React — русскоговорящее сообщество
Привет. Можно как то useEffect заставить отрабатывать только если message не пустое? useEffect использую для показа notification. Возможно сам вызов notification надо как то по другому сделать.Подскажите как быть?
источник

С

Санжар in React — русскоговорящее сообщество
помоему в экшене надо делать
источник

MB

Madi Bolat in React — русскоговорящее сообщество
добавь if
источник

YN

Yerassyl Nurlanov in React — русскоговорящее сообщество
Внутри useffect просто пропиши if, Он же за каждым действием message следит
источник

И

Иванов Максим... in React — русскоговорящее сообщество
то есть внутри эффекта можно использовать условия?
источник

YN

Yerassyl Nurlanov in React — русскоговорящее сообщество
useEffect(()=>{
if(message ===null){
         return ____smth
}
},[message])
источник

И

Иванов Максим... in React — русскоговорящее сообщество
спасибо. я видать документацию не дочитал, думал нельзя в эффекте использовать условия
источник

С

Санжар in React — русскоговорящее сообщество
наоборот в условии нельзя его использовать
источник

И

Иванов Максим... in React — русскоговорящее сообщество
понял
источник

XX

Xodor Xodorenko in React — русскоговорящее сообщество
Кто то делал оплату через stripe с такой формой?
источник

Ж

Женя in React — русскоговорящее сообщество
Почему рендер происходит 2 раза при нажатии на кнопку и как это исправить?
https://codesandbox.io/s/modest-brahmagupta-xr5b2?file=/src/Login.tsx
источник

E

Evgeniy in React — русскоговорящее сообщество
источник

E

Evgeniy in React — русскоговорящее сообщество
в useEffect должен быть массив зависимостей для обновления компонента, иначе он будет это делать на каждый чих
источник