Задать вопрос
Swimergg
@Swimergg
Пишу код, и узнаю много чего интересного

Почему зависает анимация SVG в React?

Зависает полностью анимация SVG в React. На всех других сайтах (без React) всё отлично, а на React зависает. Как только я нажимаю левую кнопку мышки, то на долю секунды анимация продолжается и дальше зависает.

Вот так это происходит: https://youtu.be/f3vZK2HxE1k

Вот так работает анимация:
6685c659d85f3259560934.png
  • Вопрос задан
  • 67 просмотров
Подписаться 1 Простой 4 комментария
Пригласить эксперта
Ответы на вопрос 1
Swimergg
@Swimergg Автор вопроса
Пишу код, и узнаю много чего интересного
setInterval(() => {
    setMedia(() => mediaFromPlayer(player))
}, 20)

заменил на это ->
useEffect(() => {
    const updateMedia = () => {
        setMedia(mediaFromPlayer(player));
    };

   const intervalId = setInterval(updateMedia, 100); // Adjust the interval as needed
   return () => clearInterval(intervalId); // Cleanup on unmount
}, [player]);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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