使用 nextjs 的内置 Head 组件和 as jsx 的 head 标签之间有区别吗答案

【问题标题】：is there a difference between using built in Head component from nextjs and head tag from as jsx使用 nextjs 的内置 Head 组件和 as jsx 的 head 标签之间有区别吗
【发布时间】：2021-11-03 02:01:44
【问题描述】：

我希望这个问题适合这个社区。我对如何在 nextjs 中构建 Head 组件感到困惑。我的猜测是，作为默认的 nextjs 创建元数据和 Head 替换或添加到它。但是，我不确定如果我创建自己的元数据而不是使用 buildIn Head 而是使用这样的自定义元组件会发生什么：

<html len= {leng || "en"}>
<head>
///some data 
</head>

我想这并不重要，但我想了解对 buildIn Head 组件的需求。我还希望能够更改页面的语言，并且使用我的自定义组件似乎更容易？

【问题讨论】：

next/head 更惯用，它还提供了额外的功能，如重复数据元标记。 “我希望能够更改页面的语言” - 这是使用 <html> 元素完成的，而不是通过 <head>。

标签： html reactjs next.js

【解决方案1】：

如果您使用常规的<head> 标签，它只会按原样打印。在根级 Layout 组件中，例如在您的示例中，这无关紧要。但是当你想从子组件中设置<head> 时，Next 的组件会有所帮助，所以基本上它就像页面中 head 元素的引用一样。您可以在docs 中了解它的其他功能。

【讨论】：