在反应组件中添加脚本标签不起作用？答案

【问题标题】：Adding script tag in react component not working?在反应组件中添加脚本标签不起作用？
【发布时间】：2019-11-11 13:51:19
【问题描述】：

我的要求是在我的反应组件中添加两个脚本标签，其中第一个脚本中使用的变量在第二个脚本中引用。

<script type="text/javascript" language="javascript">
  var aax_size='300x250';
  var aax_pubname = XXXXXXXX;
  var aax_src=XXXXXX;
</script>

<script type="text/javascript" language="javascript" src="http://c.amazon-adsystem.com/aax2/assoc.js"></script>

在 index.html 中包含第一个脚本并在组件中包含第二个脚本可以使 iframe 正常工作。但是在具有不同值的多个组件中使用它不起作用，因为第一个脚本在 index.html 中

使用这种方式在组件中添加脚本：https://stackoverflow.com/a/34425083/3991377

【问题讨论】：

标签： javascript reactjs amazonads

【解决方案1】：

类似的东西

const script = document.createElement("script");
document.body.appendChild(script);
script.innerHTML = "var aax_size='300x250'; var aax_pubname = XXXXXXXX; var aax_src=XXXXXX;"

【讨论】：

我们尝试过这种方式，但它不起作用。作为 innerHTML 的“var”只是字符串，因此第二个脚本无法找到该变量。
尝试按照将脚本添加到 DOM 的顺序进行操作，您应该 appendChild，然后使用 setTimeout 稍等片刻以检查它是否已评估