Question

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

我使用 react-load-script ，但似乎无法找到方法。

感谢您的时间。

Answer 1

我不确定它是否会对您有所帮助，因为您没有提供太多细节，但您可以尝试注入脚本标签来重新加载动画：

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>

如何使用react重新加载脚本？

1 个答案: