Обработка кликов вне элемента в React | React Hooks - useOutsideClick

  Рет қаралды 8,125

Ayub Begimkulov

Ayub Begimkulov

2 жыл бұрын

В данном уроке мы разберем как в React обрабатывать клики вне элемента. Так же напишем универсальный хук, который можно будет переиспользовать в своем проекте.
Codesandbox:
codesandbox.io/s/use-outside-...
Мой канал в Telegram:
telegram.me/ayub_begimkulov_c...

Пікірлер: 50
@Sergey_Klimov
@Sergey_Klimov
Дааааааааааааааааааааа)))
@user-kj6go4ft4j
@user-kj6go4ft4j 2 жыл бұрын
С такими видео уроками многому можно научится. Удачи вам! Респект вам!
@user-jh1du8cd5w
@user-jh1du8cd5w Жыл бұрын
Вы можете просто использовать в зависимости useEffect только [ref] и все будет работать точно также без использования useCallback, также можно будет удалить attached.
@user-ky4vq5jm5u
@user-ky4vq5jm5u Жыл бұрын
Спасибо за полезные хуки.
@magnific8930
@magnific8930 Жыл бұрын
Очень полезно, крутое видео!!
@sooo0qa
@sooo0qa
Спасибо за видео
@Zugelman
@Zugelman Жыл бұрын
Автор молодец, но я конечно думал что здесь будет более простое и подходящее для переиспользование решение. Почему нельзя создать компонент, внести его как провайдер, и через импорт в необходимом компоненте сравнивать таргеты?
@albertrain7093
@albertrain7093 2 жыл бұрын
будь здоров
@evgeny-chugaev
@evgeny-chugaev Жыл бұрын
Спасибо!
@hello_i_am_vadik
@hello_i_am_vadik Жыл бұрын
Спасибо)
@sergei_sergeevu4
@sergei_sergeevu4 2 жыл бұрын
Спасибо, вам за интересный урок!
@muhammadxojarustamxojayev7678
@muhammadxojarustamxojayev7678 Жыл бұрын
Не могу понять у тебя видео очень хорошо сделаны и полезны, но почему-то мало просмотров
@threedoorsmorewhores
@threedoorsmorewhores 2 жыл бұрын
видео конечное хорошее, но нужно убрать звук клавы. да и щелчки в уши бьют
@romanmed9035
@romanmed9035 Жыл бұрын
много всего наворочано. начало как и везде в инете показывают, потом куча добавок. но как и все решения оно не позволяет использовать несколько выпадающих спискв, чтобы при клике на закрытый, открывался тот на котоый произведено нажатие, а предыдущий закрывался, как и по клику на сторонее место, в том числе пустое, чтобы закрывалось любое.
@user-zk6tw7rj1t
@user-zk6tw7rj1t Жыл бұрын
я с первого начинаю смотреть, вы говорите, глянь прошлый урок, нулевого нет))). Может плейлист не по порядку?
@trendsgallery
@trendsgallery Жыл бұрын
крутой ролик, но автор, купи микрофон плиз
@StarkElessar
@StarkElessar
А у меня перерисовки лишней нету, может видео уже устарело?
@druf5962
@druf5962 Жыл бұрын
код в песочнице работает, а в vscod не пашет почему-то..
@alcor9921
@alcor9921 Жыл бұрын
В версии React 18.2.0 не работает этот хук больше
@druf5962
@druf5962 Жыл бұрын
капец тут оглушитетельные нажатия клавиш, а голос тихий.. плохой юсерЭкспириэнс)) но даже старое видео кул
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 58 МЛН
Heartwarming Unity at School Event #shorts
00:19
Fabiosa Stories
Рет қаралды 22 МЛН
Cool Items! New Gadgets, Smart Appliances 🌟 By 123 GO! House
00:18
123 GO! HOUSE
Рет қаралды 17 МЛН
Разбираемся в React JSX
13:49
Ayub Begimkulov
Рет қаралды 8 М.
Click Outside to Close - React Hook
6:37
TK
Рет қаралды 61 М.
Why use Type and not Interface in TypeScript
14:12
ByteGrad
Рет қаралды 198 М.
Micro-Frontends in Just 10 Minutes
11:00
Jack Herrington
Рет қаралды 223 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
Creating a Custom React Hook: Use Window Size
4:44
DevTuts
Рет қаралды 14 М.
Design patterns in React
14:37
Cosden Solutions
Рет қаралды 152 М.
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 58 МЛН