JS не работает после преобразования html в реагирующий компонент

Question

Я пытаюсь преобразовать статическую тему HTML в тему реакции.В статической теме есть несколько простых JS, используемых для изменения классов CSS.Я включил эти скрипты в index.html моей реакции.Теперь проблема в том, что, когда я пытаюсь перейти от одного компонента к другому, анимация загрузки начинается и не отображается дальше, и консоль показывает, что некоторые ошибки о членах не определены.Но когда я вручную перезагружаю страницу, она отрисовывается просто отлично.У кого-нибудь была такая же проблема?Какие могут быть обходные пути?

Я также попытался удалить, а затем перезагрузить файлы js из компонента в componentDidMount ().

Answer 1

Проблема заключалась в том, что JS, используемый для анимации в этом конкретном коде, должен работать в соответствии с событиями загрузки / выгрузки страницы.Так как я использовал реакцию, мне пришлось управлять анимацией в соответствии с componentDidMount и монтировать как функции событий.Кроме того, лучший подход при преобразовании статического HTML-кода веб-сайта для реагирования заключается в замене компонентов подходящими модулями npm, а не в том, чтобы тратить время на изучение проблемы.