ReactJS: アプリケーションがモバイル ブラウザーで表示されているかデスクトップ ブラウザーで表示されているかを判断する方法 質問する

反応フックを使用したシンプルなソリューション

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;