Как закрыть меню при клике вне меню | React Hook useClickOutside

Поделиться
HTML-код
  • Опубликовано: 6 июл 2023
  • В этом видео доработаем меню чтобы оно закрывалось при клике вне области меню.
    React media: • React JS | Изображения...
    React menu: • React JS | Menu
    React Хуки: • React JS | Хуки
    React фишки: • React JS | Полезные фишки
    Лайфхаки: • IT-ЛайфXаки
    Telegram: t.me/+ZkaY14C7XFkzMGQy
    Github React menu: github.com/DmitriyShkredov/re...

Комментарии • 1

  • @user-hq3em8iy9c
    @user-hq3em8iy9c 8 месяцев назад

    Полезно и очень вовремя про бургер и клик вне его. Спасибо!

Следующие
Автовоспроизведение
Как анимировать меню c React Transition Group5:47Как анимировать меню c React Transition Group
Как анимировать меню c React Transition GroupТипичный Веб Разработчик
Просмотров 823
Click Outside to Close - React Hook6:37Click Outside to Close - React Hook
Click Outside to Close - React HookTK
Просмотров 58 тыс.
Click Outside to Close - React Hook9:15Click Outside to Close - React Hook
Click Outside to Close - React HookRyan Toronto
Просмотров 50 тыс.
Ranking EVERY Main I've ever had26:34Ranking EVERY Main I've ever had
Ranking EVERY Main I've ever hadAlpharad
Просмотров 344 тыс.
Talking Tech and AI with Tim Cook!16:33Talking Tech and AI with Tim Cook!
Talking Tech and AI with Tim Cook!Marques Brownlee
Просмотров 2,2 млн
KEY-KEY FT OZUNA - TENGO UN PLAN REMIX (VÍDEO OFICIAL)03:41KEY-KEY FT OZUNA - TENGO UN PLAN REMIX (VÍDEO OFICIAL)
KEY-KEY FT OZUNA - TENGO UN PLAN REMIX (VÍDEO OFICIAL)keykey oficial
Просмотров 239 тыс.
I'm selling my stupid Tesla Cybertruck as prices are crashing, but Carmax refused to make an offer?23:28I'm selling my stupid Tesla Cybertruck as prices are crashing, but Carmax refused to make an offer?
I'm selling my stupid Tesla Cybertruck as prices are crashing, but Carmax refused to make an offer?Hoovies Garage
Просмотров 604 тыс.
Как создать Modal Component (Popup) в React | React Modal Component8:17Как создать Modal Component (Popup) в React | React Modal Component
Как создать Modal Component (Popup) в React | React Modal ComponentТипичный Веб Разработчик
Просмотров 4,2 тыс.
Как отследить клик вне элемента в React #shorts0:59Как отследить клик вне элемента в React #shorts
Как отследить клик вне элемента в React #shortsТипичный Веб Разработчик
Просмотров 1,4 тыс.
#5: React Hooks | Реакт Хук useMemo за 5 минут | React Hook useMemo5:33#5: React Hooks | Реакт Хук useMemo за 5 минут | React Hook useMemo
#5: React Hooks | Реакт Хук useMemo за 5 минут | React Hook useMemoТипичный Веб Разработчик
Просмотров 263
Как найти бесплатный безлимитный VPN для Android? #vpn0:59Как найти бесплатный безлимитный VPN для Android? #vpn
Как найти бесплатный безлимитный VPN для Android? #vpnТипичный Веб Разработчик
Просмотров 495
श्री हनुमान चालीसा 🌺🙏| Shree Hanuman Chalisa Original Video |🙏🌺| GULSHAN KUMAR | HARIHARAN |Full HD9:42श्री हनुमान चालीसा 🌺🙏| Shree Hanuman Chalisa Original Video |🙏🌺| GULSHAN KUMAR | HARIHARAN |Full HD
श्री हनुमान चालीसा 🌺🙏| Shree Hanuman Chalisa Original Video |🙏🌺| GULSHAN KUMAR | HARIHARAN |Full HDT-Series Bhakti Sagar
Просмотров 3.8B
Модальное окно (Popup) на REACT JS. Переиспользуемое всплывающее окно на REACT JS5:50Модальное окно (Popup) на REACT JS. Переиспользуемое всплывающее окно на REACT JS
Модальное окно (Popup) на REACT JS. Переиспользуемое всплывающее окно на REACT JSUlbi TV
Просмотров 110 тыс.
Premakkathu Pattu Video |Kadina Kadoramee Andakadaham| Basil Joseph|Muhashin| Govind Vasantha| Mu.Ri3:13Premakkathu Pattu Video |Kadina Kadoramee Andakadaham| Basil Joseph|Muhashin| Govind Vasantha| Mu.Ri
Premakkathu Pattu Video |Kadina Kadoramee Andakadaham| Basil Joseph|Muhashin| Govind Vasantha| Mu.RiThink Music India
Просмотров 8 млн
Heartless - Badshah ft. Aastha Gill | Gurickk G Maan | O.N.E. ALBUM7:23Heartless - Badshah ft. Aastha Gill | Gurickk G Maan | O.N.E. ALBUM
Heartless - Badshah ft. Aastha Gill | Gurickk G Maan | O.N.E. ALBUMSony Music India
Просмотров 320 млн
Guru Randhawa: Ishq Tera (Official Video) | Nushrat Bharucha | Bhushan Kumar | T-Series3:50Guru Randhawa: Ishq Tera (Official Video) | Nushrat Bharucha | Bhushan Kumar | T-Series
Guru Randhawa: Ishq Tera (Official Video) | Nushrat Bharucha | Bhushan Kumar | T-SeriesT-Series
Просмотров 486 млн
Мы будем есть ЭТО через 100 лет?!00:55Мы будем есть ЭТО через 100 лет?!
Мы будем есть ЭТО через 100 лет?!Кушать Хочу
Просмотров 920 тыс.
ASÍ IMPROVISÓ AL FINAL DE LA COREO MI ALUMNA 😱00:10ASÍ IMPROVISÓ AL FINAL DE LA COREO MI ALUMNA 😱
ASÍ IMPROVISÓ AL FINAL DE LA COREO MI ALUMNA 😱Emir Abdul Gani
Просмотров 11 млн
Regular Season vs. PLAYOFFS part 2 #pavelbarber00:14Regular Season vs. PLAYOFFS part 2 #pavelbarber
Regular Season vs. PLAYOFFS part 2 #pavelbarberPavel Barber
Просмотров 1,8 млн
НОЧЬ на Острове кукол в Мексике | Ghostbuster1:08:30НОЧЬ на Острове кукол в Мексике | Ghostbuster
НОЧЬ на Острове кукол в Мексике | GhostbusterДима Масленников
Просмотров 7 млн
MORGENSHTERN - конфликты с Mellstroy и Frame Tamer, разоблачение Арута, угрозы Диларе2:14:29MORGENSHTERN — конфликты с Mellstroy и Frame Tamer, разоблачение Арута, угрозы Диларе
MORGENSHTERN - конфликты с Mellstroy и Frame Tamer, разоблачение Арута, угрозы ДилареВПИСКА
Просмотров 3,4 млн
МНЕ НУЖЕН ЕЩЕ 1 ПОДПИСЧИК! #cat #funny #pets #funnycats #animals #memes #cute00:44МНЕ НУЖЕН ЕЩЕ 1 ПОДПИСЧИК! #cat #funny #pets #funnycats #animals #memes #cute
МНЕ НУЖЕН ЕЩЕ 1 ПОДПИСЧИК! #cat #funny #pets #funnycats #animals #memes #cuteSOFIADELMONSTRO
Просмотров 11 млн
رائع! مكنسة كهربائية صغيرة رائعة! 🤯 #shorts00:22رائع! مكنسة كهربائية صغيرة رائعة! 🤯 #shorts
رائع! مكنسة كهربائية صغيرة رائعة! 🤯 #shortsJOON Arabic
Просмотров 8 млн
🎙СПОЮ для ТЕБЯ ВЖИВУЮ!3:03:01🎙СПОЮ для ТЕБЯ ВЖИВУЮ!
🎙СПОЮ для ТЕБЯ ВЖИВУЮ!Саша Квашеная
Просмотров 1,3 млн