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>

我目前正在使用React JS，我想知道如何将Embed Code添加到组件中。 Key：... line

引发第一个错误

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有正确的想法，但我会使用React生命周期，只需在ComponentDidMount()或ComponentWillMount()

中调用此函数

在React JS中嵌入表单代码

2 个答案: