ИМ
Size: a a a
2020 May 16
ИМ
Вот. Первый скрин это про роутинг, второй весь компонент целиком
ИМ
Иван Моров
Вот. Первый скрин это про роутинг, второй весь компонент целиком
В который таймер пихаю
ЮЧ
Думаю, все дело в
<RedirectTo ... />ИМ
Ну так мне нужно на другой адрес перейти)
ЮЧ
А, чего именно вы хотите, чтобы ошибка пропала, или что-то другое не работает?
ЮЧ
Т.е. вас только ошибка смущает?
ИМ
Ну вообще я хочу что бы на странице и таймер был, и когда я на другую страницу приложения перехожу ошибка не вылетала)))
ЮЧ
А сейчас таймер есть, работает?
ИМ
Там логика такая: есть кнопка, юзер жмет на нее - начинается запись, появляется таймер, жмет еще раз - редирект уже на следующую страницу
ЮЧ
Ну вот все остальное, кроме ошибки работает как надо?
ИМ
Да))
ЮЧ
Тогда надо примерно в таком стиле переписать:
ИМ
Просто я пока только разбираюсь, и хотелось бы понимать в чем дело))
ИМ
И как такие проблемы решаются
ЮЧ
const Timer = () => {
const [timerValue, setTimerValue] = useState(1)
const [timerDescr, setTimerDescr] = useState(null)
useEffect(() => {
const newTimerDescr = setInterval(() => {
setTimerValue(timerValue + 1)
}, 1000)
setTimerDescr(newTimerDescr)
return () => clearInterval(timerDescr)
})
return <span>{timerValue}</span>
}ЮЧ
Здесь суть в том, что после того, как компонент пропадет из дерева, интервал очистится и не будет пытаться обновить состояние.
ЮЧ
(За это отвечает функция, которая возвращается из `useEffect`).
ИМ
Ошибка Maximum update depth exceeded