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

时间:2016-10-13 22:21:44

标签: reactjs

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

  1. 解析 HTML片段(没有简单的任务)并将它们转换为React元素
  2. 放弃JSX并将我们所有的头部内容构建为一个大的连接/模板化字符串
  3. React中有没有办法将HTML片段注入文档而不用容器元素?

1 个答案:

答案 0 :(得分:0)

我认为将React Helmet设置为组件级的<head>和将Interweave注入/解析HTML而不使用dangerouslySetInnerHTML的组合可以实现您的目标寻找吗?