У меня есть компонент Navbar с кнопкой «учетной записи», которая должна переключить раскрывающееся меню. Раскрытие должно открываться при нажатии и закройте при нажатии снаружи или снова нажимая кнопку. Тем не менее, нажатие «Моя учетная запись» только открывает меню, но не закрывает его, когда нажимает снова. JS PrettyPrint-Override ">import { useState } from 'react';
import { Link } from 'react-router-dom';
import AccountDropdown from '../AccountDropdown';
const Navbar = () => {
const [isAccountMenuOpen, setIsAccountMenuOpen] = useState(false);
const toggleAccountMenu = (event) => {
event.stopPropagation();
setIsAccountMenuOpen((prev) => !prev);
};
const handleAccountMenuClose = () => {
if (isAccountMenuOpen) setIsAccountMenuOpen(false);
};
return (
My Account
{isAccountMenuOpen && Profile
Log Out
);
};
export default AccountDropdown;
< /code>
Нажмите «Моя учетная запись», всегда открывает меню, но нажимать на него снова не закрывает. Как я могу правильно переключить выпадающий?
Подробнее здесь: https://stackoverflow.com/questions/794 ... y-on-click
