Size: a a a

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

2021 January 14

AA

Andrey Anelkin in React — русскоговорящее сообщество
Dmitriy Shuleshov
Отслеживать что бы что?
Заказчики очень хотят, чтобы сохранялось состояние некоторых элементов ТОЛЬКО при перезагрузке через f5 или кнопкой соответсвенно) а если сменилась страница( и не везде там есть данное реакт приложение), да и смену сайта никто не отменял.
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Пока рассказывал навёл себя на мысль. А можно ли получить ссылку,на которую направляется юзер?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Andrey Anelkin
Заказчики очень хотят, чтобы сохранялось состояние некоторых элементов ТОЛЬКО при перезагрузке через f5 или кнопкой соответсвенно) а если сменилась страница( и не везде там есть данное реакт приложение), да и смену сайта никто не отменял.
А если юзер просто закрыл вкладку? Закрыл браузер? Завершил работу ос? Выдернул шнур из розетки? Выдавил стекло?
источник

VB

Volodymyr Borysov in React — русскоговорящее сообщество
Dmitriy Shuleshov
А если юзер просто закрыл вкладку? Закрыл браузер? Завершил работу ос? Выдернул шнур из розетки? Выдавил стекло?
уехал в другую страну, сменил личность
источник

МП

Максим Патрушев... in React — русскоговорящее сообщество
Открывает браузер, а там та же вкладка и сайт
источник

p

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

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Alexandr
Народ кто нит работал с interceptors в axios? подскажите почему при обычном axios запосе я могу в catch отловить message который в теле ошибки приходит а если я пытаюсь сделать через interceptors перехват, то мне в onRejected фции прихолит в теле ошибки null вместо message

const data = await API.post("api/auth/reset-password", {"email": this.resetField}).catch(error => {
             console.log(error.response.data.message) //null instead message
         })

export const API = axios.create({
   baseURL: "api/",
   responseType: "json",
});

const onFullfiled = (response) => {
   return response.data;
};

const onRejected = (error) => {
   toastr.error(error.response.data.message)
   return Promise.reject(error.response.data);
};

API.interceptors.response.use(onFullfiled, onRejected);
Покажи структуру объекта ошибки
источник

A

Alexandr in React — русскоговорящее сообщество
Dmitriy Shuleshov
Покажи структуру объекта ошибки
{
config: {url: "api/auth/reset-password", method: "post", data: "{"email":"1"}", headers: {…}, baseURL: "api/", …},
data: null,
headers: {access-control-allow-origin: "*", connection: "close", content-length: "167", content-security-policy: "default-src 'none'", content-type: "text/html; charset=utf-8", …},
request: XMLHttpRequest {readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, onreadystatechange: ƒ, …},
status: 404,
statusText: "Not Found",
}
источник

A

Alexandr in React — русскоговорящее сообщество
Dmitriy Shuleshov
Покажи структуру объекта ошибки
там где null должен message лежать
источник

A

Alexandr in React — русскоговорящее сообщество
Dmitriy Shuleshov
Покажи структуру объекта ошибки
и если деать просто вот так, то работает
 const d = await axios.post("api/auth/reset-password", {"email": this.resetField}).catch(error => {
           toastr.error(error.response.data.message)
       })
источник

VL

Valerii Leontiev in React — русскоговорящее сообщество
ребят, а по какой причине стили могут не подтягиваться?
Компоненты сами отрисовываются
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Alexandr
и если деать просто вот так, то работает
 const d = await axios.post("api/auth/reset-password", {"email": this.resetField}).catch(error => {
           toastr.error(error.response.data.message)
       })
Ну по виду все верно
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Valerii Leontiev
ребят, а по какой причине стили могут не подтягиваться?
Компоненты сами отрисовываются
Синтаксис неверный
источник

VB

Volodymyr Borysov in React — русскоговорящее сообщество
Valerii Leontiev
ребят, а по какой причине стили могут не подтягиваться?
Компоненты сами отрисовываются
а обязательно ли значения свойств в кавычки двойные оборачивать? Может из-за этого стилей нет
источник

VL

Valerii Leontiev in React — русскоговорящее сообщество
Dmitriy Shuleshov
Синтаксис неверный
а можете пояснить пожалуйста?
кавычки разве влияют?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Valerii Leontiev
а можете пояснить пожалуйста?
кавычки разве влияют?
Это вам в css чат. Стайледы в темплейт литерале ожидают валидную css строку
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Valerii Leontiev
а можете пояснить пожалуйста?
кавычки разве влияют?
Там должен быть валидный css, тоесть кавычки не нужны
источник

VL

Valerii Leontiev in React — русскоговорящее сообщество
спасибо, ребят
Увидел
сорри за вал примитивных воросов
Не выспался видать
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Dmitriy Shuleshov
А если юзер просто закрыл вкладку? Закрыл браузер? Завершил работу ос? Выдернул шнур из розетки? Выдавил стекло?
Логика такая: что если он сменил локейшн и он такой же- записать в Локал стор данные, если же он уехал из страны, закрыв браузер выдернув из розетки Гугл хром, то ничего же не запишется :)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Andrey Anelkin
Логика такая: что если он сменил локейшн и он такой же- записать в Локал стор данные, если же он уехал из страны, закрыв браузер выдернув из розетки Гугл хром, то ничего же не запишется :)
1. onbeforeunload
2. Navigator.sendBeacon() и полифил и хранить данные на беке
источник