гамбургер не прячется, используя ответное меню - PullRequest
Новая
       12

гамбургер не прячется, используя ответное меню

0 голосов
/ 11 апреля 2020

Я изучаю, как использовать библиотеку реагирующего меню, и у меня возникла проблема при изменении состояния, чтобы скрыть меню. OnClick ссылки в меню изменяют состояние, но для скрытия меню требуется два щелчка мышью. Есть идеи, что я тут не так делаю? 

import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom";
import { slide as Menu } from "react-burger-menu";

const Navbar = () => {
  const [open, setOpen] = useState(false);

  console.log('state of menu:', open)

  return (
    <div>
         <Menu noOverlay isOpen={open} right>
            <Link to={`/profile/${userId}`} onClick={() => setOpen(!open)}>
              Profile
             </Link>
             <Link to={`/favorites/${userId}`} onClick={() => setOpen(!open)}>
              Favorite posts
             </Link>
             <Link to="/Settings" onClick={() => setOpen(!open)}>
              Settings
             </Link>
    </div>
  );
};

Заранее благодарю за помощь !!

...