Javascript 如何嵌入内容生成<;脚本>;在reactjs组件中
我想将第三方广告服务提供的脚本标记嵌入我的react应用程序。它就像一个Github的主旨。它应该运行脚本并在HTML中编写一个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
,以显示广告
官方脚本如下所示:
<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。