我正在尝试将 Adyen 支付服务与我的(创建)React 应用程序一起使用,但无法生成输入字段,因为它找不到 rootNode。
我尝试过的:
从 Adyen 我必须在我的项目中加载他们的结帐脚本。所以我创建了一个<script>
动态标签(document.createElement('script')
)并在下面的正文中加载(document.body.appendChild(script)
)。这行得通。
接下来我必须从 Adyen 调用一个方法,该方法将一个对象作为参数,最终将填充一个div
.
问题:
我<div className="cards-div">
已将其添加到我的 React 组件中,但出现此错误:
index.js:1446 ERROR: SecuredFields cannot find a valid rootNode element
它似乎看不到创建的div
. 有谁知道我如何填充这些(信用卡)字段或知道使用 React 和 Adyen 的最佳方式是什么?
更新:
解决方案:我找到了一个对我有用的解决方案,希望也对你有用。在我在组件的初始渲染上调用 Adyen 服务之前。因为这需要一点时间,所以我创建了一个单独的函数,需要调用它来触发服务