Gatsby.js 向 checkUserSession 添加一个全局函数

Question

我想知道如何设置一个全局函数在所有 gatsby 页面中呈现，通过使用 create-react-app 我曾经在 App.js 文件中这样做，但现在我不知道如何使用 Gatsby 来操作它这就是我想要实现的：

const dispatch = useDispatch()
useEffect(()=>{
  dispatch(checkUserSession())
}, [])

Answer 1

您可以使用多个 Gatsby 浏览器 API 之一。在您的情况下，onRouteUpdate 应该可以解决问题。在 gatsby-browser.js 中添加以下内容：

exports.onRouteUpdate = () => {
  checkUserSession()
}

onRouteUpdate 在用户更改路线时调用，包括应用程序的初始加载

Gatsby.js adding a global function to checkUserSession