А это нормальный хук, который поля формы в локалсторадж сохраняет

Question

А это нормальный хук, который поля формы в локалсторадж сохраняет

на время? что лучше исправить?
const useFormPersist = (key) => {
const getValue = useCallback(() => {
try {
if (typeof localStorage !== "undefined") {
const persistValue = JSON.parse((localStorage.getItem(key)));
localStorage.removeItem(key);
return persistValue;
}
} catch {
return null;
}
}, [key]);

const setValue = useCallback((value) => {
try {
if (typeof localStorage !== "undefined") {
localStorage.setItem(key, JSON.stringify(value));
}
} catch {}
}, [key]);
return [getValue, setValue];
};

#frontend #javascript #programming #react.js #russian

0

25.06.2021

5 ответов

33 просмотра

Dmitry Remezov

const initialData = useMemo(() => JSON.parse(localStorage.getItem(‘my-form-data’), []); const handleChange = useCallback(({ values }) => localStorage.setItem(‘my-form-data’, JSON.stringify(values)), []); return <Form initialData={initialData} onChange={handleChange} … />

0

25.06.2021

Dmitry Remezov

Если хуком: const [initialData, saveInitialData] = useFormPersist(‘my-form’); return <Form initialData={initialData} onChange={saveInitialData} … />;

0

25.06.2021

Anton Antonenko

а ещё лучше сохранять данные в сторедж на выходе из страницы(эвент там есть, не помню как называется)

0

26.06.2021

Anton Antonenko

и да, сторедж лучше отложить, и там уже прописать парсинг, стрингифай, хендлы ошибок если нужно, а в руке юзать уже свою утилиту так как методы json могу выбрасывать ошибки, то лучше это как-то обработать

0

26.06.2021

Dmitry Remezov · Accepted Answer

Dmitry Remezov

Лучше отделить функционал форм и функционал внешнего хранилища их значений

0

25.06.2021

169 похожих чатов

А это нормальный хук, который поля формы в локалсторадж сохраняет

5 ответов

Похожие вопросы