Встраивание кода для формы в React JS

Question

Я использую сервис формы генератора, который предоставил мне следующий код, чтобы встроить в свой сайт:

<a name="form798688646" id="formAnchor798688646"></a> 
<script type="text/javascript"  
src="https://fs28.formsite.com/include/form/embedManager.js?798688646"></script> 
<script type="text/javascript"> 
EmbedManager.embed({ 
    key: "https://fs28.formsite.com/res/showFormEmbed?EParam=m%2FOmK8apOTA80OCs6DyFNWrYe2Y6sJfY&798688646", 
    width: "100%", 
    mobileResponsive: true 
}); 
</script> 

Я в настоящее время использую Реагировать JS и мне интересно, как бы я идти о добавлении кода Embed в компонент. Первая ошибка брошена ключ: ... линия

import React from 'react'; 
import './Contact.css'; 


const Contact =() => { 
    return (

     <div className="contact-container"> 
     embed code here... 
    </div> 
    ); 
}; 

export default Contact; 

Answer 1

, что это просто <Script> запускаемых, просто сделать его функцией.

MyEmbededCode(){ 
    EmbedManager.embed({ 
     key: "https://fs28.formsite.com/res/showFormEmbed?EParam=m%2FOmK8apOTA80OCs6DyFNWrYe2Y6sJfY&798688646", 
     width: "100%", 
     mobileResponsive: true 
    }); 
} 

тогда вы просто вызываете эту функцию в DIV

<div className="contact-container" onLoad={this.MyEmbededCode()}> 
    embed code here... 
</div> 

Я не могу вспомнить, если это onLoad но я думаю, вы получите тэк вещей.

Answer 2

AKADER имеет правильную идею, но я хотел бы использовать Реагировать жизненный цикл и просто вызвать эту функцию в ComponentDidMount() или ComponentWillMount()