Раскрываемое меню React не переключается должным образом на клике ⇐ Javascript

[Гость]

У меня есть компонент 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