在react组件中添加脚本标签不起作用?

时间:2019-11-11 13:51:19

标签: javascript reactjs amazonads

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

<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中,并将第二个脚本包含在component中,可使iframe正常工作。但是,由于第一个脚本位于index.html

中,因此无法在具有不同值的多个组件中使用它

使用以下方式在组件中添加了脚本:https://stackoverflow.com/a/34425083/3991377

1 个答案:

答案 0 :(得分:0)

类似这样的东西

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