如何渲染Adyen的支付字段？

Question

我试图在我的(create) React应用程序中使用Adyen支付服务，但是无法生成输入字段，因为它找不到rootNode。

我尝试过的：

从Adyen，我必须在我的项目中加载他们的签出脚本。因此，我创建了一个<script>标记dynamical (document.createElement('script'))，并在loaded (document.body.appendChild(script))下面的主体中创建了这个标记。这个很管用。

接下来，我必须从Adyen调用一个方法，该方法以一个对象作为参数，最终将填充一个div。

问题：

我在React组件中添加了这个<div className="cards-div">，但是我得到了这个错误：

index.js:1446 ERROR: SecuredFields cannot find a valid rootNode element

它似乎看不到创建的div。有没有人知道我如何填充这些(信用卡)字段，或者知道使用React和Adyen的最佳方式是什么？

Update

解决方案：我找到了一个对我有用的解决方案，希望也适用于您。之前，我在组件的初始呈现时调用Adyen服务。因为这需要一点时间，所以我创建了一个独立的函数，需要调用它来触发服务

Answer 1

这通常是因为adyen js在dom元素创建之前运行。确保在dom中的.csf()元素之后调用#cards-div？