在React JS中嵌入表单代码
在React JS中嵌入表单代码
提问于 2016-12-17 01:36:48
我正在使用一个表单生成器服务，它为我提供了以下代码以嵌入到我的网站中：
<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>我目前正在使用React JS，我想知道如何将嵌入代码添加到组件中。第一个错误由键抛出：...线路
import React from 'react';
import './Contact.css';
const Contact = () => {
return (
<div className="contact-container">
embed code here...
</div>
);
};
export default Contact;回答 2
Stack Overflow用户
发布于 2016-12-17 01:43:08
这只是一个正在运行的<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了，但是你，我想你已经明白了。
Stack Overflow用户
发布于 2016-12-17 02:40:44
AKADER的想法是正确的，但我会使用React生命周期，只需在ComponentDidMount()或ComponentWillMount()中调用此函数
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41189661
复制相关文章
相似问题
腾讯云开发者
