Как повторно инициализировать init (); в React разрешить повторный запуск файла Adobe Animate SVG при изменении маршрута?

Question

Я настроил простой проект реагирования, в котором есть компонент многократного использования под названием «обложка». В компоненте 'cover' у меня есть анимированный SVG, который я создал из Adobe Animate, и экспортировал его в HTML, JS и SVG. Это отлично работает при первой загрузке, поскольку JS находится в файле public / index.html и инициализируется в теге. Однако, когда я меняю маршруты, init не запускается повторно (что правильно, поскольку React не предназначен для перезагрузки страницы), поэтому теперь у меня возникла дилемма: я не могу увидеть SVG при изменении маршрута.

См. Пример здесь: https://react -sfj7qx.stackblitz.io

Версия редактора: https://stackblitz.com/edit/react-sfj7qx

Обратите внимание, что функция init () для тега не отображается в Stackblitz ...

Answer 1

Так как я не знаю Adobe Animation слишком много, я отредактировал твой стек, я немного сломал твой код, но у тебя есть все, что нужно для успеха в этом коде. То, что вы не знали, это то, что вам нужно импортировать и экспортировать функции и переменные между файлами в реакции. Итак, вы увидите, как я это сделал на примере стекаблица.

Удачи!