Breaking News: Grepper is joining You.com. Read the official announcement!

react check if mobile or desktop

Lonely Curly Boi answered on January 15, 2022 Popularity 8/10 Helpfulness 5/10

answer react check if mobile or desktop

related react show if mobile or browser

react check if mobile or desktop

Comment

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

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: desktop javascript mobile

Link to this answer
Share Copy Link

Contributed on Jan 15 2022

Lonely Curly Boi

0 Answers Avg Quality 2/10

Closely Related Answers

react show if mobile or browser

Comment

import {BrowserView, MobileView} from 'react-device-detect';

const MyComponent = () => {
    return (
        <>
            <BrowserView>
                <h1>This is rendered only in browser</h1>
            </BrowserView>
            <MobileView>
                <h1>This is rendered only on mobile</h1>
            </MobileView>
        </>
    );
};

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: browser

Link to this answer
Share Copy Link