Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何嵌入内容生成<;脚本>;在reactjs组件中_Javascript_Reactjs - Fatal编程技术网

Javascript 如何嵌入内容生成<;脚本>;在reactjs组件中

Javascript 如何嵌入内容生成<;脚本>;在reactjs组件中,javascript,reactjs,Javascript,Reactjs,我想将第三方广告服务提供的脚本标记嵌入我的react应用程序。它就像一个Github的主旨。它应该运行脚本并在HTML中编写一个,以显示广告 官方脚本如下所示: <script type="text/javascript"> var cpro_id = "uXXXXXXXX"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/c.js"></script> ... compon

我想将第三方广告服务提供的脚本标记嵌入我的react应用程序。它就像一个Github的主旨。它应该运行脚本并在HTML中编写一个
,以显示广告

官方脚本如下所示:

<script type="text/javascript">
var cpro_id = "uXXXXXXXX";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
...
componentDidMount () {
  let g = document.createElement ('script');
  g.setAttribute ('src','http://cpro.baidustatic.com/cpro/ui/c.js');
  React.findDOMNode (this.refs.ad).appendChild (g);
},
render() {
  return <div ref='ad'></div>;
}
...

var cpro_id=“uxxxxx”;
我尝试将第一个脚本标记放在模板HTML中,将第二个脚本标记放在我需要的组件中,如下所示:

<script type="text/javascript">
var cpro_id = "uXXXXXXXX";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
...
componentDidMount () {
  let g = document.createElement ('script');
  g.setAttribute ('src','http://cpro.baidustatic.com/cpro/ui/c.js');
  React.findDOMNode (this.refs.ad).appendChild (g);
},
render() {
  return <div ref='ad'></div>;
}
...
。。。
组件安装(){
设g=document.createElement('script');
g、 setAttribute('src','http://cpro.baidustatic.com/cpro/ui/c.js');
React.findDOMNode(this.refs.ad).appendChild(g);
},
render(){
返回;
}
...
不幸的是,它失败了,并抛出此错误:
除非显式打开,否则无法从异步加载的外部脚本写入文档。

我试过了,它也给了我同样的错误

我尝试了
危险的LysetinerHTML={{{uuuuHTML:'}}
,但失败了

我试图研究
c.js
文件的代码,并将所有
文档更改为
innerHTML=…
,但失败了


有人能帮忙吗?谢谢

请告诉我们您使用的React版本,并提供您的组件的完整代码,因为它在我的机器(0.13.3)中工作。谢谢您的回复。我也在使用0.13.3。我第一次尝试的方法在你的机器上有效吗?谢谢,我已经演示了如何包含第三方JavaScript,比如位于此处的Google Ad Sense。请告诉我们您使用的React版本,并提供您的组件的完整代码,因为它在我的机器(0.13.3)中工作。谢谢您的回复。我也在使用0.13.3。我第一次尝试的方法在你的机器上有效吗?谢谢,我已经演示了如何包含第三方JavaScript,比如位于此处的Google Ad Sense。