на время? что лучше исправить?
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];
};
Лучше отделить функционал форм и функционал внешнего хранилища их значений
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} … />
Если хуком: const [initialData, saveInitialData] = useFormPersist(‘my-form’); return <Form initialData={initialData} onChange={saveInitialData} … />;
а ещё лучше сохранять данные в сторедж на выходе из страницы(эвент там есть, не помню как называется)
и да, сторедж лучше отложить, и там уже прописать парсинг, стрингифай, хендлы ошибок если нужно, а в руке юзать уже свою утилиту так как методы json могу выбрасывать ошибки, то лучше это как-то обработать
Обсуждают сегодня