如何在React中挂载第三方脚本?

时间:2019-07-14 22:41:38

标签: jquery wordpress reactjs

我正在使用React和Wordpress REST API建立一个网站。我正在尝试从JuicyAds加载广告,该广告会加载我安装在div上的窗口对象。

到目前为止,我使用了一个wordpress反应样板,可以轻松上传自定义主题。但是,我宁愿简单地使用create-react-app。但是到目前为止,该脚本只能通过index.php加载。问题在于,脚本是为每个页面加载的,而不是需要加载的页面。

我无法通过React获得window对象。我已经尝试了几种解决方案,但无法使其正常工作。

当我有权访问窗口对象时,无法通过React组件将其安装到div上。如果我将所有逻辑都放在index.php中,它将起作用。

有人知道该怎么做吗?我想这应该是一个相对简单的解决方案,但是还没有任何工作。

这是我要加载的广告:

<script type="text/javascript" data-cfasync="false" async src="https://adserver.juicyads.com/js/jads.js"></script>
<ins id="770122" data-width="300" data-height="262"></ins>
<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':770122});</script>

0 个答案:

没有答案