Breaking News: Grepper is joining You.com. Read the official announcement!

auto load window on change viewport react

Ilham Fetchly answered on June 28, 2022 Popularity 3/10 Helpfulness 1/10

answer auto load window on change viewport react

auto load window on change viewport react

Comment

import React from 'react'
function MyComponent() {
  const [dimensions, setDimensions] = React.useState({ 
    height: window.innerHeight,
    width: window.innerWidth
  })
  React.useEffect(() => {
    function handleResize() {
      setDimensions({
        height: window.innerHeight,
        width: window.innerWidth
      })
    
}

    window.addEventListener('resize', handleResize)

    return _ => {
      window.removeEventListener('resize', handleResize)
    
}
  })
  return <div>Rendered at {dimensions.width} x {dimensions.height}</div>
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.pluralsight.com

Tags: auto javascript load viewport window

Link to this answer
Share Copy Link