在React中插入没有元素容器的HTML片段

Jac*_*cob 6 reactjs

我们的React应用程序使用通用渲染.页面的html/body/head元素是使用React组件在服务器端生成的.通常,我们可以通过JSX 在我们的正常情况下创建类似<script><link>元素的东西<head>.不幸的是,一旦我们开始需要插入第三方HTML片段,事情变得棘手.这些片段本质上是一个字符串'<script src="some/url.js"></script><link rel="stylesheet" href="/some/css">'.通常,HTML片段可以被注入到通过一些元件容器dangerouslySetInnerHTML,但也有在没有容器元素<head>的HTML文档的.这迫使我们要么:

  1. 解析 HTML片段(没有简单的任务)并将它们转换为React元素
  2. 放弃JSX并将我们所有的头部内容构建为一个大的连接/模板字符串

React有没有办法在没有容器元素的情况下将HTML片段注入文档?

小智 0

我认为在组件级别设置React Helmet和在不使用的情况下注入/解析 HTML 的Interweave的组合可以实现您正在寻找的东西?<head>dangerouslySetInnerHTML