/Javascript/React/React check if mobile or desktop

React check if mobile or desktop

import React, {useEffect, useState} from "react";

const useCheckMobileScreen = () => {
    const [width, setWidth] = useState(window.innerWidth);
    const handleWindowSizeChange = () => {
            setWidth(window.innerWidth);
    }

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

    return (width <= 768);
}

export default useCheckMobileScreen

Source: stackoverflow.com

Similar codes

-1 vote262 views1 answer
How many data binding in react
Javascript React
0 vote200 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
0 vote162 views0 answer
React
Javascript React
1 vote206 views1 answer
Firebase app named default already exists react native
Javascript React
0 vote321 views7 answers
Convert css box shadow to react native
Javascript React
0 vote248 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
1 vote218 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote209 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote270 views1 answer
Discord bot remove message reaction
Javascript React
0 vote210 views1 answer
TextField input font color React Material UI
Javascript React