import React, { useState } from 'react'; import { Redirect } from 'react-router-dom'; import { Navbar, Nav, NavDropdown } from 'react-bootstrap'; function SubNav() { const [toggle, setToggle] = useState({ "dress": false, "outer": false, "top": false, "pants": false, "skirt": false, "training": false, "shoes": false }); function handleMouseEnter(id) { setToggle({ [id]: true }) } function handleMouseLeave(id) { setToggle({ [id]: false }) } function handleToggle(id) { setToggle({ [id]: !toggle[`${id}`] }) } function handleClick(url) { return } return ( ) } export default SubNav