Google -> useOnClickOutside
сделать невидимый оверлей за компонентом и ловить на нем клики
да я оотуда взял, но что то не коректно работает при клике внутри компонента на дочерние элменты оба условия срабатывают
залейте в песочницу
нужно чтоб работало или просто структура нужно?
нужно чтобы ваша проблема воспроизводилась
там просто куча пропсов
Оставь нужные, остальные удали
https://codesandbox.io/s/infallible-khorana-0uvgl?file=/src/hooks/useOutsideClick.js почемуто стили не применились
[про стили] нету sass в зависимостях для cra
вот как настоящя верстка компонента выглядит к чему ref привязан и вот функция перед рендером вызывается useOutsideClick(tagsContainerRef) и const tagsContainerRef = useRef()
я когда в песочнице кликаю на tags, там no
да там нормально почемуто
и лучше функцию для обработки [handleOutsideClick] в аргументы хука передавать, а не там внутри хранить
всмысле в useEffect засунуть
Обсуждают сегодня