У меня есть компонент Home, который я могу визуализировать различными способами в зависимости от состояния.
Я пытаюсь установить состояние Home из localStorage
/*
The AuthContext
const globalState = {
email: null,
token: null
};
*/
export default function Home() {
const [user, setUser] = useContext(AuthContext);
useEffect(() => {
const token = localStorage.getItem('token') || null;
const email = localStorage.getItem('email') || null;
setUser({email, token});
})
}
Эта ошибка продолжает появляться хотя и я не знаю, как ее решить
Превышена максимальная глубина обновления. Это может произойти, когда компонент вызывает setState внутри useEffect
Я попытался удалить useEffect, но выскочила другая ошибка
Превышена максимальная глубина обновления. Это может произойти, когда компонент повторно вызывает setState внутри componentWillUpdate или componentDidUpdate
Я знаю, что эта ошибка вызвана повторным вызовом setUser.
Но я не уверен, как вызвать setUser только один раз.