使用DocuSign点击包装API进行反应 [英] React with Docusign Clickwrap API

问题描述

我遵循了本教程https://dev.to/tis-ventures-inc/api-world-hackathon-report-no-2-docusign-clickwrap-with-react-2imp并实现了我的DocuSign点击包装。然而，在我的表单上，我想保持提交按钮处于禁用状态，直到最终用户在DocuSign CLICKWRAPH IFRAME上单击‘Agree’。由于DocuSign点击包裹是由DocuSign提供的，因此我似乎无法将监听程序附加到"同意"按钮以了解何时单击它以启用"我的表单提交"按钮。

推荐答案

ah，在render()函数上有一些易于使用的回调，允许您在用户同意或拒绝(如果启用了拒绝按钮)时进行响应。

传递给每个回调的agreement具有关于agreedOn或declinedOn时间戳的元数据(如果需要)。

下面Reaction中的一个快速示例(将其切换为使用挂钩并运行代码段，而不是将其作为HTML注入)：

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="真">

function App() {
  React.useLayoutEffect(() => {
    docuSignClick.Clickwrap.render({
      environment: 'https://demo.docusign.net',
      accountId: '...',
      clickwrapId: '...',
      clientUserId: '...',

      onMustAgree(agreement) {
        // Called when no users have previously agreed by the above client user ID for the most recent required Clickwrap version
      },

      onAgreed(agreement) {
        // Called when either 1) the clientUserId has previously agreed 2) the clientUserId has clicked agree and completed successfully
      },

      onDeclined(agreement) {
        // Called when the clientUserId has declined successfully
      }
    }, '#ds-clickwrap');
  }, []);

  return <div id="ds-clickwrap" />
}

<script src="https://demo.docusign.net/clickapi/sdk/latest/docusign-click.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

这篇关于使用DocuSign点击包装API进行反应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！