在 React 应用程序中显示 iframe
每个现代应用程序都需要一个 HTML 结构。React 开发人员使用 JSX 轻松构建应用程序的标记。JSX 的语法看起来很像 HTML，因此即使你是 React 的新手，也很容易编写。
在 React 中使用 dangerouslySetInnerHTML 属性显示 iframe
在某些情况下，你需要将 HTML 代码注入现有标记。在本文中，我们将讨论在你的应用程序中插入 iframe 标签的情况。
从服务器获取预结构化 HTML 代码作为响应的情况并不少见。大多数情况下，它被格式化为字符串。
将 iframe 插入 React 应用程序中最困难的部分是解析字符串值以获取其属性，例如源、宽度和高度。如果从服务器接收到的数据具有更多的结构并指定 iframe 的宽度、高度和来源，这会更容易一些。例如，它可以是具有与这些值对应的属性的对象。
将 iframe 插入 React 应用程序的最简单方法是使用 dangerouslySetInnerHTML 属性。该属性的值应该是一个带有 __html 键和字符串 HTML 值的对象。
让我们看一个例子：
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站。本站所有源码与软件均为原作者提供，仅供学习和研究使用。如您对本站的相关版权有任何异议，或者认为侵犯了您的合法权益，请及时通知我们处理。
