Gatsby 在 gatsby-browser.js
文件中提供了一些API,可供开发者 监控浏览器的特定事件 和 写一些全局组件。
// gatsby-browser.js
const React = require("react")
// Logs when the client route changes
exports.onRouteUpdate = ({ location, prevLocation }) => {
console.log("new pathname", location.pathname)
console.log("old pathname", prevLocation ? prevLocation.pathname : null)
}
// gatsby-browser.js
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 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。