我必须使用 next.js Html 组件还是可以在 _document.js 中使用纯 html？

【问题标题】：Do I have to use next.js Html component or is plain html okay to use in _document.js?我必须使用 next.js Html 组件还是可以在 _document.js 中使用纯 html？
【发布时间】：2020-03-10 23:53:50
【问题描述】：

我正在阅读next docs 并阅读了

正确呈现页面需要 Html、Head、Main 和 NextScript。

多年来，我们一直在 _document.js 中使用简单的 <html lang="en"> 标记，并且没有看到任何负面影响。在这种情况下使用 Next 的 Html 元素是否有优势？

【问题讨论】：

标签： reactjs next.js server-side-rendering

【解决方案1】：

我也一直在使用<html lang="en">，没有任何副作用。如果您唯一需要做的就是添加lang，那么使用其中一个不会改变任何事情。

另一方面，如果您需要添加更复杂的逻辑，唯一的选择是扩展<Html>，因为它是一个类。

export class MyHtml extends Html {
  render() {
    const { Component, pageProps } = this.props;
    return (
      <Component {...pageProps} />
    );
  }
}

尽管如此，<Html> 仍然更可取，因为它是由 Next 提供的，我们可能不知道幕后发生了什么。

希望这会有所帮助。

【讨论】：