/Javascript/React/How to set state when change viewport react

How to set state when change viewport react

import React, { useLayoutEffect, useState } from 'react';

function useWindowSize() {
  const [size, setSize] = useState([0, 0]);
  useLayoutEffect(() => {
    function updateSize() {
      setSize([window.innerWidth, window.innerHeight]);
    }
    window.addEventListener('resize', updateSize);
    updateSize();
    return () => window.removeEventListener('resize', updateSize);
  }, []);
  return size;
}

function ShowWindowDimensions(props) {
  const [width, height] = useWindowSize();
  return <span>Window size: {width} x {height}</span>;
}

Source: stackoverflow.com

Similar codes

19 votes189 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
-1 vote175 views1 answer
How to run react native app on simulator
Javascript React
5 votes170 views2 answers
Lazy loading react
Javascript React
0 vote169 views1 answer
React native mock
Javascript React
2 votes176 views4 answers
Discord js remove reaction from user
Javascript React
0 vote187 views1 answer
How to get property names from object using map method react
Javascript React
99 votes234 views6 answers
How to install react router DOM
Javascript React
23 votes208 views2 answers
Create-react-app npm yarn
Javascript React
3 votes231 views1 answer
React hooks send data from child to parent
Javascript React
0 vote192 views1 answer
Export socket io connection in react
Javascript React