169 похожих чатов

Может кто-то сталкивался с тем что хук не работает при

сlick, но работает при mousedown?

Я в ступоре

15 ответов

26 просмотров

а почему у useEffect нет второго аргумента?

Poylar- Автор вопроса
eden lane
а почему у useEffect нет второго аргумента?

я любом случае его наличие проблему не решает

Poylar
я любом случае его наличие проблему не решает

буквально на той неделе то же самое словила 😁🤝

там нет никакого stopPropagation по пути?

eden lane
там нет никакого stopPropagation по пути?

const [isMenuOpen, setIsMenuOpen] = useState(false); const menuRef = useRef(null); const btnRef = useRef(null); const handleOutsideClick = (event: MouseEvent) => { if (menuRef.current && !(menuRef.current as HTMLBodyElement).contains(event.target as Node)) { setIsMenuOpen(false); } }; useEffect(() => { document.addEventListener('mouseup', handleOutsideClick); return () => { document.removeEventListener('mouseup', handleOutsideClick); }; }, []); ..... ..... <Space className='user-info' ref={btnRef} onMouseUp={(event) => { event.stopPropagation(); setIsMenuOpen(!isMenuOpen); }} > <UserOutlined className='user-icon' /> <p>{profileData?.name || ''}</p> <DownOutlined className={isMenuOpen ? 'svg-icon svg-icon_rotate' : 'svg-icon'} /> </Space>

Anna Revidovich
const [isMenuOpen, setIsMenuOpen] = useState(false...

а ты свою проблему до сих пор не решила?

Poylar- Автор вопроса
Anna Revidovich
const [isMenuOpen, setIsMenuOpen] = useState(false...

нe тfк это mouseup или down. я просо не понимаю прблему с кликом

Poylar
нe тfк это mouseup или down. я просо не понимаю пр...

но ведь ты сам ответил, клик открывает (по кнопке) и сразу же закрывает (потому что кнопка вне компонента) меню

Poylar- Автор вопроса
Anna Revidovich
но ведь ты сам ответил, клик открывает (по кнопке)...

но ивент вешается после маунта компонента, соответсвенно отпускание кнопки не может так быстро сработать

Похожие вопросы

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Коллеги, я тут для личных нужд пошел ставить MQTT сервер, пощупал mosquitto, но ужаснулся отсутствию такой банальности, как HTTP API для посмотреть список топиков. А тут что,...
Maksim Lapshin
14
#include <stdio.h> #include <stdlib.h> #include <time.h> void mass_first_generate(int mass[5][7]) {     for (int N = 0; N < 5; N++) {         for (int A = 0; A < 7; A++) {   ...
Чувак
6
Всем привет! Решаю 99 OCaml Problems и столкнулся со следующей проблемой (прошу палками не забивать, я OCaml практически не трогал до этого момента): open OUnit2 let create_...
К|/|pи/\/\ 6е3yглbIи
2
<?php function prepareTel($data, $modx, $_multiTV) { if ($data['iteration'] == $data['row']['total']) { $data['tel'] = '<a class="link" href="tel: ' . $data['tel']...
Кирилл Гацевич
2
❓ Подскажите как сделать в группе телеги функцию (кнопку) пересылки сообщения где есть нарушение правил? Бот к каждому сообщению (по определенным ключам) добавляет снизу кнопк...
Alexander
4
Hi freinds. I'm reading an old Pascal book and I just want to compile and run its codes using fpc. What's your recommendation to use the environment efficiently? Please send m...
Shak
4
Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
https://www.linkedin.com/posts/ugama-benedicta-kelechi-codergirl-103041300_mobiledevelopment-fluttertraining-handsonlearning-activity-7263445699227254784-IdHB?utm_source=share...
CoderGirl
16
возможно ли как-то передать в электрон или таури медиа поток с рендера 2д движка? двиг запускается как dll, а дальше надо как-то отправлять рендер кодировать не подходит, зр...
Kyle Nekto
7
Карта сайта