如何在React中呈现Adyen的付款字段？

Question

我试图在我的（创建）React应用程序中使用Adyen付款服务，但由于无法找到rootNode而无法生成输入字段。

我尝试过的事情：
我必须从Adyen的项目中加载其签出脚本。因此，我创建了一个<script>动态标签（document.createElement('script')），它在下面的主体（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的最佳方法是什么？

Answer 1

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