2017-01-17 3 views
1

Как я могу интегрировать скрипт внутри среагировать компонента в spacific месте, Ниже приведен сценарий для отображения аддов, оно работает, когда я мимо сценарий на w3schoolsКак я могу добавить Amazone рекламный скрипт Внутри компонента ReactJs

<div class="alignleft"> 
    <script type="text/javascript"> 
    amzn_assoc_ad_type = "banner"; 
    amzn_assoc_marketplace = "amazon"; 
    amzn_assoc_region = "US"; 
    amzn_assoc_placement = "assoc_banner_placement_default"; 
    amzn_assoc_campaigns = "kuft"; 
    amzn_assoc_banner_type = "category"; 
    amzn_assoc_p = "48"; 
    amzn_assoc_isresponsive = "false"; 
    amzn_assoc_banner_id = ID; 
    amzn_assoc_width = "728"; 
    amzn_assoc_height = "90"; 
    amzn_assoc_tracking_id = "reater-20"; 
    amzn_assoc_linkid = amzn_assoc_linkid; 
    </script> 
    <script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script> 
</div> 

Пример того, что мне нравится делать

var React = require('react'); 

var AmazoneAdd = React.createClass({ 
    render: function() { 
     return (
      <div > 
       functionality data goes here.... 
       ... 
       <div className='advertisement'> 
       Here want to display the addvertise.... 
       </div> 
      </div> 
     ); 
    } 
}); 

module.exports = AmazoneAdd; 

ответ

0

Я установил этот вопрос, как это,

var React = require('react'); 

var AmazoneAdd = React.createClass({ 
    amazoneScript: function() { 
    return '<div class="alignleft"> <script type="text/javascript"> amzn_assoc_ad_type = "banner"; amzn_assoc_marketplace = "amazon"; amzn_assoc_region = "US"; amzn_assoc_placement = "assoc_banner_placement_default"; amzn_assoc_campaigns = "kuft"; amzn_assoc_banner_type = "category"; amzn_assoc_p = "48"; amzn_assoc_isresponsive = "false"; amzn_assoc_banner_id = ID; amzn_assoc_width = "728"; amzn_assoc_height = "90"; amzn_assoc_tracking_id = "reater-20"; amzn_assoc_linkid = "asoc_linked"; </script> <script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script> </div>' 
    }, 
    render: function() { 
    return (
     <div > 
     functionality data goes here.... 
     ... 
     <div className='advertisement'> 
      <div dangerouslySetInnerHTML={{__html: this.amazoneScript()}}></div> 
     </div> 
     </div> 
    ); 
    } 
}); 

module.exports = AmazoneAdd; 
Смежные вопросы