/
jonca3d
/
CourseOnReac
Обзор
Документация
Войти
/
jonca3d
/
CourseOnReac
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/hooks/useResize.jsx
16 строк
538 B
Evgeniy
Переключение темы и бургер меню
29 сен 2024, 17:13
29 сен 2024, 17:13
56c5cdb
Код
Авторство
О чём код?
import { useEffect, useState } from "react" import { SCREEN_SM, SCREEN_MD, SCREEN_LG, SCREEN_XL, SCREEN_XXL } from '../constans/breakpoints' export const useResize = () => { const [width, setWidth] = useState(window.innerWidth); useEffect(() => window.addEventListener('resize', (e) => setWidth(e.target.innerWidth)), []); return { width, isScreenSm: width >= SCREEN_SM, isScreenMd: width >= SCREEN_MD, isScreenLg: width >= SCREEN_LG, isScreenXl: width >= SCREEN_XL, isScreenXxl: width >= SCREEN_XXL, } }