/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

0 vote135 views1 answer
React-active link
Javascript React
0 vote125 views1 answer
Adding js file to reactjs
Javascript React
0 vote128 views1 answer
Outline none react native web
Javascript React
0 vote138 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
3 votes133 views1 answer
How to go to another page onclick in react
Javascript React
3 votes149 views1 answer
React export
Javascript React
0 vote143 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
0 vote145 views2 answers
Onclick toggle class react
Javascript React
1 vote142 views1 answer
Two button in one row react native
Javascript React
1 vote151 views1 answer
How to redirect in ionic react
Javascript React