Middle
12
Напишите кастомный React-хук useScreenWidth(targetWidth), который возвращает текущую ширину экрана (screenWidth) и флаг isMobile (true, если текущая ширина меньше targetWidth). Хук должен обновляться при изменении размера окна.
Компании, где спрашивали
Ответ от нейросети
sobes.tech AI
jsx import { useState, useEffect } from 'react';
function useScreenWidth(targetWidth) { const [screenWidth, setScreenWidth] = useState(window.innerWidth);
useEffect(() => { function handleResize() { setScreenWidth(window.innerWidth); }
window.addEventListener('resize', handleResize);
return () => window.removeEventListener('resize', handleResize);
}, []);
const isMobile = screenWidth < targetWidth;
return { screenWidth, isMobile }; }
export default useScreenWidth;
Этот хук отслеживает ширину окна браузера и обновляет состояние при изменении размера. Флаг `isMobile` устанавливается в `true`, если текущая ширина меньше `targetWidth`.