2015-11-04 88 views
0

我有Facebook的脚本现在我想将它添加到页面JSX我的应用程序时,页面加载如何插入scriptTag在reactJS应用

请帮我...

做什么

<script>(function() { 
var _fbq = window._fbq || (window._fbq = []); 
if (!_fbq.loaded) { 
    var fbds = document.createElement('script'); 
    fbds.async = true; 
    fbds.src = '//connect.facebook.net/en_US/fbds.js'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(fbds, s); 
    _fbq.loaded = true; 
} 
})(); 
window._fbq = window._fbq || []; 
window._fbq.push(['track', '6034631592572346119422348', {'value':'0.00','currency':'USD'}]); 
</script> 
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6031592119428&amp;cd[value]=0.00&amp;cd[currency]=USD&amp;noscript=1" /></noscript> 
+0

为什么不将它添加到实际的React代码之外?我不明白为什么这需要成为您的JSX组件的一部分。 – Aviram

回答

0

无论你正在努力实现,我觉得奇怪,

  • 在javascript中启动,
  • 使用JSX(HTML生成器)
  • 在DOM(HTML)中放入另一个javascript。
  • 放入DOM中的代码的功能是获取更多的JavaScript代码
  • 以添加到DOM。
  • 的javascript(谢谢连接)的取指令位创建HTML放于DOM

真正快捷:

  • 使用浏览器connect.facebook.net/en_US/fbds.js
  • 复制/粘贴*无论是在那里你的JavaScript文件,并包装它doMagicalFacebookStuff()函数
  • 调用函数,只要你需要它(可能在一些HTML内,例如<button onclick='doMagicalFacebookStuff()'>Click</button>

*'如果免责声明/许可证允许,否则Google如何使用Facebook连接。