reactjs 将html字符串追加到nextjs的头中

z9gpfhce 于 2022-11-22 发布在 React

关注(0)|答案(1)|浏览(151)

我从API获取数据，它给了我一个具有head: '<title>dummy title<title>'属性的对象
当我调用head标签中的HTML字符串时，它没有显示任何内容。

<Head>{data.head}</Head>

我也试探着：

<Head>
    <div dangerouslySetInnerHTML={{ __html: data.head }}></div>
</Head>

代码<div dangerouslySetInnerHTML={{ __html: data.head }}></div>可以在主体中运行，但在头部中不起作用，因为div不能在头部中调用。我还尝试使用Fragment代替div，但它甚至不能在主体中运行。

1条答案

你不能直接将字符串或对象转换成标签，对于你的用例使用可以拆分head对象以获得特定的标题并使用它。