React监听浏览器窗口大小的改变

React监听浏览器窗口大小的改变,第1张

export const ToolTipEllipsisVisible: FC<{ content: string }> = (props) => {
  const [width, setWidth] = useState()

 const resizeWidth = (e: any) => {
    const w = e.target.innerWidth
    setWidth(w)
  }

  useEffect(() => {
    const w = window.innerWidth
    setWidth(w)
    window.addEventListener("resize", resizeWidth)
    return () => {
      window.removeEventListener("resize", resizeWidth)
    }
  }, [])

}

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320317.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存