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

react show if mobile or browser

Add Answer

Yasha answered on January 15, 2022 Popularity 9/10 Helpfulness 4/10

answer react show if mobile or browser

related react check if mobile or desktop

related react check if in mobile

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 javascript mobile show

Link to this answer
Share Copy Link

Contributed on Aug 07 2022

Yasha

0 Answers Avg Quality 2/10

Closely Related Answers

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 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: desktop

Link to this answer
Share Copy Link

Contributed on Jan 15 2022

Lonely Curly Boi

0 Answers Avg Quality 2/10

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 j

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Jedro Vienne Deo Pagayonan

0 Answers Avg Quality 2/10

react show if mobile or browser

Contents

More Related Answers

react show if mobile or browser

Closely Related Answers

react check if mobile or desktop

react check if in mobile

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.