Rozwiązane problemy:
- Jak zwinąć burger menu przy wyborze opcji z w/w menu. (domyślnie wybór opcji z burger menu pozostawia rozwinięte menu)
- Jak zwinąć menu rozwijalne przy wyborze którejś z opcji. (domyślnie menu rozwijalne nie zamyka się, gdy wybrano którąś z opcji)
ad. 1

<div id="navbarBasicExample" className={`navbar-menu ${burgerActive? "is-active": ""}`}>
<div class="navbar-start">
<Link to="/" class="navbar-item" onClick={handleOnClick}>
Home
</Link>
przy czym:
const [burgerActive, setBurgerActive] = useState(false)
const handleOnClick = () => {
setBurgerActive(false)
}
ad2.

<div class="navbar-item has-dropdown is-hoverable" key={location.pathname}>
przy czym:
import {
Link, useLocation
} from 'react-router-dom'
const Navbar = () => {
let location = useLocation();