/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 vote176 views1 answer
Retour a la ligne <p> react
Javascript React
2 votes164 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
0 vote173 views1 answer
Connect react with database server
Javascript React
7 votes159 views3 answers
How to update react state array
Javascript React
0 vote182 views5 answers
Generate component react
Javascript React
5 votes154 views1 answer
React native backgrunde img
Javascript React
0 vote198 views9 answers
How to run a cloned react native project
Javascript React
6 votes159 views2 answers
Reactjs .map is not a function
Javascript React
0 vote158 views1 answer
How to have hotjar in react-hotjar
Javascript React
7 votes162 views3 answers
Conditional style react
Javascript React