Использую requestAnimationFrame для анимации графика, которую нужно остановить при изменении

Question

Использую requestAnimationFrame для анимации графика, которую нужно остановить при изменении

стейта (на graphState = 2)
graphState меняется, но анимация графика все равно временами продолжает идти, но чаще срабатывает корректно и все останавливается
В чем проблема?
useEffect(() => {
let raf: number;

const step = (): void => {
raf = requestAnimationFrame(() => {
setGraph(graph => graph + 0.005);

if (graphState === 1) {
step();
}
});
};

if (graphState === 1) {
step();
}

return () => cancelAnimationFrame(raf);
}, [graphState]);

#frontend #javascript #programming #react.js #russian

0

22.06.2020

1 ответов

16 просмотров

Oleg Rizhkov 🇺🇦 · Accepted Answer

Oleg Rizhkov 🇺🇦

Видимо, rAF уже запланирован.

0

22.06.2020

169 похожих чатов

Использую requestAnimationFrame для анимации графика, которую нужно остановить при изменении

1 ответов

Похожие вопросы