web-dev-qa-db-fra.com

Utilisation Next.js de _app.js et _document.js

J'utilise actuellement _document.js pour injecter des CSS dans mon application nextJs et je voudrais commencer à utiliser _app.js pour aider à injecter des données dans des pages. Je me demandais s'il était possible d'utiliser _document et _app en tandem ou devrions-nous utiliser l'un ou l'autre?

8
ramesh

Réponse courte: Oui, vous pouvez utiliser les deux. Ils ont des fonctions différentes et peuvent être utilisés dans la même application.

Selon le site Web de nextjs:

Next.js utilise le composant App pour initialiser les pages.

Pour remplacer, créez le ./pages/_app.js fichier et remplacer la classe App

et

Les pages dans Next.js ignorent la définition du balisage du document environnant. Par exemple, vous n'incluez jamais <html>, <body>, etc. Pour remplacer ce comportement par défaut, vous devez créer un fichier dans ./pages/_document.js, où vous pouvez étendre la classe Document.

Remarque: _document.js est uniquement rendu côté serveur et non côté client. donc les gestionnaires d'événements comme onClick ne fonctionneront pas.

19
MoHo