
Gatsby 编译完成后,会为每个页面生成对应的 HTML 文件。而 gatsby-ssr.js 文件中提供了一些API,用于编译完成之前修改这些 HTML 的内容。
const React = require("react")
const Layout = require("./src/components/layout")
// Adds a class name to the body element
exports.onRenderBody = ({ setBodyAttributes }, pluginOptions) => {setBodyAttributes({ className: "my-body-class",}) } const React = require("react")
const Layout = require("./src/components/layout")
// Wraps every page in a component
exports.wrapPageElement = ({ element, props }) => {return <Layout {...props}>{element}</Layout> }gatsby-ssr.js 和 gatsby-browser.js 这两个文件中都提供了这两个API:wrapPageElement 和 wrapRootElement 。所以要保持两个文件中这两个API的代码一致性。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。