的形式嵌入代码阵营JS

reactjs

2016-12-16 56 views 0 likes

我使用的是给我提供了下面的代码嵌入到我的网站上填写表单生成服务：的形式嵌入代码阵营JS

<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，我想知道我将如何去关于将嵌入代码添加到组件中。第一个错误是由主要抛出：...行

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


const Contact =() => { 
    return (

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

export default Contact;

来源

2016-12-16 Mark M

回答

，这只是一个<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但我觉得你得到的东西JIST。

来源

2016-12-16 17:43:08

AKADER有正确的想法，但我会用生命周期做出反应，只是调用这个函数中ComponentDidMount()或ComponentWillMount()

来源

2016-12-16 18:40:44 digitalEyes

的形式嵌入代码阵营JS

回答

相关问题