Я сделал простое приложение в React с хуками. Я создал файл контекста и импортировал его в основной компонент приложения, создал файл редуктора и тоже импортировал его в основное приложение. Теперь я хочу, чтобы состояние (элементы, объединенные из файла контекста) сохранялось в localState, а затем загружалось обратно в приложение каждый раз, когда я перезагружал браузер.
Я создал пользовательский хук, после некоторого исследования, но я все еще не мог понять, как решить проблему. Код показан ниже.
function usePersistedState(key, defaultVal) {
const [myState, setMyState] = useState(() => {
return localStorage.getItem(key) || defaultVal;
});
useEffect(() => {
localStorage.setItem(key, JSON.stringify(myState));
}, [key, myState]);
return [myState, setMyState];
}
Проект Codesandbox
Я хочу использовать хук, который я уже создал, для обработки localStorage состояния моего приложения.