next.js - Next.js 使用 _app.js 和 _document.js
问题描述
我目前使用_document.js
将 css 注入到我的 Next.js 应用程序中,并且我想开始使用_app.js
它来帮助将数据注入到页面中。
想知道是否可以同时使用 _document 和 _app 还是应该只使用其中一个?
解决方案
简短的回答:是的,您可以同时使用两者。它们有不同的用途,可以在同一个应用程序中使用。
根据NextJS 文档:
Next.js 使用 App 组件来初始化页面。
要覆盖,请创建
./pages/_app.js
文件并覆盖 App 类
和
Next.js 中的页面跳过了周围文档标记的定义。例如,您永远不会包含
<html>
、<body>
等。要覆盖该默认行为,您必须在 处创建一个文件./pages/_document.js
,您可以在其中扩展 Document 类。
注意:_document.js
仅在服务器端呈现,而不在客户端呈现。所以像这样的事件处理程序onClick
是行不通的。