小编Mel*_*uso的帖子

我想将属于页面或自定义帖子类型的所有 ACF 字段公开给 WordPress REST API，以便通过 javascript 进行一些 API 调用。

最终的预期结果将是ACF您可以轻松访问的对象内的所有 ACF 字段。

window.innerWidth仅在基于 Gatsby 的网站的生产版本中，基于的组件的条件呈现似乎无法按预期工作。

我用来检查视口宽度的钩子，以及对窗口全局的额外检查以避免 Gatsby 节点生产构建错误，如下所示：

import { useState, useEffect } from 'react'

const useWindowWidth = () => {
  const windowGlobal = typeof window !== 'undefined'

  if(windowGlobal) {
    const [width, setWidth] = useState(window.innerWidth)

    useEffect(() => {
      const handleResize = () => setWidth(window.innerWidth)
      window.addEventListener('resize', handleResize)
      return () => {
        window.removeEventListener('resize', handleResize)
      }
    })

    return width
  }
}

export default useWindowWidth

然后在我的实际组件中，我执行以下操作：

IndexPage.Booking = () => {
  const windowWidth = useWindowWidth()

  return (
    <div className="section__booking__wrapper">
      { windowWidth <= mediaQueries.lg …