javascript - 如何使用我添加的外部脚本来响应 JS？

Question

我想在我的反应组件中添加一个

<script>http://xxx.xxx/XX.js</script>

我知道我可以简单地使用 JSX 添加它，我不知道如何使用它，

例如，这个脚本有一个名为 A.Sort() 的函数，我如何调用它并从组件中使用它？

标签： javascriptreactjs

Answer 1

您可以异步加载脚本并在加载时访问它。

componentDidMount() {
  const script = document.createElement("script");
  script.src = "/static/libs/your_script.js";
  script.async = true;
  script.onload = () => this.scriptLoaded();

  document.body.appendChild(script);
}

它应该附加到window.

 scriptLoaded() {
   window.A.sort();
 }

或者

scriptLoaded() {
  A.sort();
}