АН
Еще один вопрос по formik, есть 2 инпута, я пишу что-то в первом инпуте, нажимаю на поле вне инпута и выскакивает ошибка на втором инпуте, как это пофиксить?
я наверно понял
Size: a a a
2021 April 02
RK
Добрый вечер, ребят. Как мне сделать целый список(checklist) где я могу динамически создавать в формике чекбоксы с лейблом?
НШ
ребят, может есть у кого какие идеи. Логинюсь, в ответ от сервака получаю TOKEN, сохраняю его в localstorage. Как только логин удачный, я попадаю на главный экран, где запускается запрос на получение данных в useEffect, но в запросе нет моего сохраненного токена и от сервака я получаю 401. может кто знает почему так?
const TOKEN = localStorage.getItem(KEY_TOKEN_IN_LOCAL_STORAGE);
export const axios = baseAxios.create({
baseURL: '/api',
headers: {
...(TOKEN && {
Authorization: `Token ${TOKEN}`,
}),
},
});
стоп, ты создаёшь инстанс аксиоса в начале приложения. В этот момент у тебя ещё нету токена, надо в каждый запрос кидать getToken, тогда будет работать
НШ
Еще один вопрос по formik, есть 2 инпута, я пишу что-то в первом инпуте, нажимаю на поле вне инпута и выскакивает ошибка на втором инпуте, как это пофиксить?
error = formik.touched.field && formik.error.field
НШ
Добрый вечер, ребят. Как мне сделать целый список(checklist) где я могу динамически создавать в формике чекбоксы с лейблом?
enableReinitialize, думаю в этом русле надо искать
RK
enableReinitialize, думаю в этом русле надо искать
Так точно! Попробую
VH
export const axios = baseAxios.create({
baseURL: '/api',
headers: {
...(TOKEN && {
get Authorization(){ return `Token ${localStorage.getItem(KEY_TOKEN_IN_LOCAL_STORAGE)}`},
}),
},
});VH
const getToken = () => localStorage.getItem(KEY_TOKEN_IN_LOCAL_STORAGE);
Тип такого?
т.е. геттер в авторизацию, что-бы функция запускалась каждый раз, когда запрашивается значение
VH
А вообще, хранить токены в локалсторе - зло
AP
Vitalii Hrozynskii
А вообще, хранить токены в локалсторе - зло
а где ловчее, чтобы сессия не прерывалась?
VH
а где ловчее, чтобы сессия не прерывалась?
старые добрые куки.
GO
Vitalii Hrozynskii
const useComponent = () => {
const [state, setState] = useState({});
const Component = () => <div {...state} />;
return [Component, setState];
}Помогите понять почему в тайпскрипте не работает данная конструкция?
Пропсы в див?
VH
Green Orange
Пропсы в див?
В смысле?
VH
а где ловчее, чтобы сессия не прерывалась?
>Storing tokens in browser local storage provides persistence across page refreshes and browser tabs, however if an attacker can achieve running JavaScript in the SPA using a cross-site scripting (XSS) attack, they can retrieve the tokens stored in local storage. A vulnerability leading to a successful XSS attack can be either in the SPA source code or in any third-party JavaScript code (such as bootstrap, jQuery, or Google Analytics) included in the SPA.
GO
Vitalii Hrozynskii
В смысле?
<div { ...state } />
VH
Green Orange
<div { ...state } />
лол, что не так? )
2021 April 03
IN
Vitalii Hrozynskii
лол, что не так? )
откуда у дива пропсы?
VH
откуда у дива пропсы?
Первое апреля было вчера вроде )
Самое очевидное <div className="class" />
Самое очевидное <div className="class" />
ВБ
откуда у дива пропсы?
Лол
ВБ
откуда у дива пропсы?
Что такое <div/> после бабеля в js помнишь?