就我而言，我需要显示信用卡表格，并使用iframe从CardConnect（安全的外部网站）加载信用卡字段。问题是，一旦我以模式显示该表单，就需要大约半秒钟的时间来加载该iframe。我想预渲染/加载iframe，以便一旦准备好显示它，就好像立即加载了它。
我尝试过此链接的技术，但没有走运：https://hackernoon.com/lazy-loading-and-preloading-components-in-react-16-6-804de091c82d
[我还尝试记住iframe，在应用程序的较早位置将其呈现在一个隐藏的div中，然后再次调用它，但也没有运气，它已加载两次。
您可以默认显示加载程序，并在iframe加载时将其删除。
<iframe onLoad={funtion to remove loader} />