/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

2 votes121 views2 answers
Video in react native stack overflow
Javascript React
0 vote123 views1 answer
React native keyboard event listener
Javascript React
1 vote120 views1 answer
React native android padding style
Javascript React
2 votes126 views1 answer
React native seperator code
Javascript React
0 vote117 views1 answer
Add two export in same page react
Javascript React
2 votes121 views1 answer
React select with custom option
Javascript React
151 votes203 views6 answers
Install react js
Javascript React
0 vote121 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
12 votes80 views3 answers
React form hook npm
Javascript React
22 votes136 views4 answers
Npm react copy to clipboard
Javascript React