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

react check if in mobile

Add Answer

Jedro Vienne Deo Pagayonan answered on June 13, 2022 Popularity 9/10 Helpfulness 4/10

answer react check if in mobile

related react show if mobile or browser

react check if in mobile

Comment

-1

const [width, setWidth] = useState<number>(window.innerWidth);

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

const isMobile = width <= 768;

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript mobile

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Jedro Vienne Deo Pagayonan

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