使用hooks写一个监听窗口变化的钩子

最新推荐文章于 2024-05-07 16:03:21 发布

土匪丁的窝子

最新推荐文章于 2024-05-07 16:03:21 发布

阅读量981

点赞数

分类专栏： react 文章标签： react.js

本文链接：https://blog.csdn.net/zjw0021/article/details/122871718

版权

react 专栏收录该内容

14 篇文章 2 订阅

订阅专栏

import { useState, useEffect } from 'react';

const useWindowSize = () => {

    const [windowSize, setWindowSize] = useState({ width: 0, height: 0 })

    const windowChange = () => {
        const width = window.innerWidth
        const height = window.innerHeight
        setWindowSize({ width, height })
    }

    useEffect(() => {
        windowChange()
        window.addEventListener('resize', windowChange)

        return () => {
            window.removeEventListener('resize', windowChange)
        }
    }, [])

    return windowSize
}

export { useWindowSize }