/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

0 vote169 views1 answer
React native firebase community template
Javascript React
0 vote166 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote171 views1 answer
How to get css property of div after rendering in react js
Javascript React
0 vote120 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote154 views1 answer
React Rendering Movies
Javascript React
-2 votes158 views2 answers
React native text align vertical center
Javascript React
69 votes191 views6 answers
React route
Javascript React
38 votes192 views2 answers
How to comment out code in react js
Javascript React
0 vote146 views2 answers
React toggle boolean state
Javascript React
0 vote150 views1 answer
React native firebase email verification
Javascript React