0

我正在尝试嵌入脚本标签以在组件中呈现表单。我不知道如何在 React 中做到这一点。如果我将此标签粘贴到 HTML 文档中，表单将完美加载，但我不知道如何使用 React 进行等效操作。

出于工作原因，我无法将实际代码粘贴到此站点上，但我基本上是在尝试将其嵌入到组件中，以便表单呈现并且用户可以提交表单：

<script type="text/javascript" src="https://form.jotform.com/jsform/1234566789"></script>

有任何想法吗？

4

3 回答 3

1

你可以使用标签

   const styles = {} // if you want to add some custom CSS
   const URL = "https://form.jotform.com/jsform/1234566789" //embed URL

   <iframe title="your title" style={styles} src={URL}></iframe>

在此处阅读有关它的更多信息

于 2020-05-19T02:00:16.863 回答
0

我找到了一个可爱的节点包，可以让你嵌入 Jotforms；你可以在这里找到 NPM 文章：

https://www.npmjs.com/package/react-jotform-embed

于 2020-05-19T17:41:58.480 回答
0

我制作了一个组件，可以轻松地将 JotForm.com 表单嵌入到基于 ReactJS 的网站或应用程序中。它支持 NextJS / Gatsby 之类的 SSR 框架。

如果需要，您还可以访问一些回调，例如 onSubmit。

你可以在这里访问它：https ://npmjs.com/package/jotform-react

于 2021-05-10T09:02:32.540 回答