小编elm*_*ren的帖子

我面临着一个我似乎无法解决的问题。

我有一个自定义挂钩，用于设置窗口的高度和宽度。但由于 nextjs 是 SSR，我收到窗口未定义的错误。

我的问题在于将钩子放入 if 语句或 useeffect 钩子中。

当前代码（useWindowDimensions.tsx）：

import { useState, useEffect } from 'react'

function getWindowDimensions() {
    const { innerWidth: width, innerHeight: height } = window
    return {
        width,
        height,
    }
}

export default function useWindowDimensions() {
    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions())

    useEffect(() => {
        function handleResize() {
            setWindowDimensions(getWindowDimensions())
        }

        window.addEventListener('resize', handleResize)
        // code here
        return () => window.removeEventListener('resize', handleResize)
    }, [])

    return windowDimensions
}

当前代码：

const { height, width } = useWindowDimensions()

const dimensions = …