我正在尝试使用脚本标记动态加载脚本。但我做不到。
我的渲染方法如下
render() {
<div>
<script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script>
<a href="http://www.authorize.net/" id="AuthorizeNetText" target="_blank">Working. Yipee</a>
</div>
}
我尝试使用angerouslySetInnerHtml,但这也不起作用。
我需要这个,因为提到的脚本使用 document.writeln。所以我希望它显示在当前的 div 中。我无法控制剧本。它来自第三方。
最佳答案
我相信您可以更具体地说明加载脚本后应该做什么。像这样的东西应该很适合你:
componentDidMount() {
var aScript = document.createElement('script');
aScript.type = 'text/javascript';
aScript.src = " /*URL Goes Here*/ ";
document.head.appendChild(aScript);
aScript.onload = function() {
document.getElementById(" /*DIV ID HERE*/ ").InnerHTML = /*YOUR CODE*/;
};
}
关于reactjs - 通过 script 标签加载外部 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35854795/