/Javascript/React/React detect screen size

React detect screen size

import { useState, useEffect } from 'react';

function getWindowDimensions() {
  const { innerWidth: width, innerHeight: height } = window;
  return {
    width,
    height
  };
}

export default function useWindowDimensions() {
  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());

  useEffect(() => {
    function handleResize() {
      setWindowDimensions(getWindowDimensions());
    }

    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return windowDimensions;
}

Source: stackoverflow.com

React js get screen size

  console.log(window.innerHeight);

Similar codes

2 votes361 views4 answers
React-hook-form-input npm
Javascript React
2 votes362 views2 answers
React google maps
Javascript React
0 vote396 views1 answer
React function called last state
Javascript React
1 vote365 views1 answer
How to use react memo hooks
Javascript React
0 vote350 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
2 votes315 views1 answer
Range slider mui can't slide
Javascript React
8 votes410 views2 answers
React native rotate image
Javascript React
0 vote395 views1 answer
Set cors for a react node application socket error
Javascript React
157 votes582 views6 answers
Create new react app
Javascript React
1 vote387 views1 answer
Put two buttons in a row in react native
Javascript React