Reactjs 如何使用react重新加载脚本?

Reactjs 如何使用react重新加载脚本?,reactjs,react-router,Reactjs,React Router,我有一个脚本正在我的页面开始加载,这是一个包含一些动画的外部脚本。问题是,当更改我的路线时,我的脚本动画将丢失。我必须重新加载页面才能看到它们 我使用了反应加载脚本,但似乎找不到方法 谢谢您的时间。我不确定它是否对您有帮助,因为您没有提供太多详细信息,但您可以尝试插入脚本标记以重新加载动画: function reloadAnimation() { const [ head ] = document.getElementsByTagName('head'); const script =

我有一个脚本正在我的页面开始加载,这是一个包含一些动画的外部脚本。问题是,当更改我的路线时,我的脚本动画将丢失。我必须重新加载页面才能看到它们

我使用了反应加载脚本,但似乎找不到方法


谢谢您的时间。

我不确定它是否对您有帮助,因为您没有提供太多详细信息,但您可以尝试插入脚本标记以重新加载动画:

function reloadAnimation() {
  const [ head ] = document.getElementsByTagName('head');
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'your_animation_script.js';
  head.appendChild(script);
}
并在每次更改路线时调用它:

<Route path="/" onChange={reloadAnimation} ...>
  ...
</Route>

...

这不会附加多个脚本吗?