gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 13:32:22 24 4
gpt4 key购买 nike

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

  1. 解析 HTML 片段(这不是一件容易的事)并将它们转换为 React 元素
  2. 放弃 JSX 并将我们所有的头部内容构建为一个大的串联/模板化字符串

React 有没有办法将 HTML 片段注入(inject)到文档中,没有容器元素?

最佳答案

我认为 React Helmet 的组合设置<head>在组件级别和 Interweave不使用 dangerouslySetInnerHTML 注入(inject)/解析 HTML能实现您想要的吗?

关于reactjs - 在 React 中插入没有元素容器的 HTML 片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40031995/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com