如何在Gatsby中使用LocalStorage中的添加和访问数据

npm install --save gatsby-plugin-local-storage

module.exports = {
  plugins: [
    // other plugins...
    {
      resolve: `gatsby-plugin-local-storage`,
      options: {
        key: "my-local-storage" // 设置本地存储的键名
      }
    }
  ]
}

// 导入LocalStorage
import { isBrowser } from "gatsby"

if (isBrowser) {
  // 添加数据到LocalStorage
  localStorage.setItem("myData", "Hello World")
}

// 导入LocalStorage
import { isBrowser } from "gatsby"

if (isBrowser) {
  // 访问LocalStorage中的数据
  const myData = localStorage.getItem("myData")
  console.log(myData) // 输出：Hello World
}