Всем привет, есть 2 вопроса по использованию requestAnimationFrame в React:
1) Когда логирую значение raf в requestRef.current, то получаю значения через один (1, 3, 5, ...)
Однако если уберу вызов graphService.handleRAF(time), то идут по порядку (1, 2, 3, 4, 5, ...)
С чем это связано?
2) Время от времени по каким-то причинам не сбрасывается raf при изменении graphState в useEffect
При дестрое вызывается cancelAnimationFrame с текущим идом, однако после этого почему-то animate снова вызывается и продолжает рекурсивно дальше вызвать себя
Почему так происходит?
const animate = (time: number): void => {
graphService.handleRAF(time);
requestRef.current = requestAnimationFrame(animate);
};
useEffect(() => {
if (graphState === 1) {
requestRef.current = requestAnimationFrame(animate);
}
return (): void => cancelAnimationFrame(requestRef.current as number);
}, [graphState]);
