td bem? sou iniciante em React e agora estou tentando fazer um projeto para me testar de uma loja online, atualmente estou trabalhando na navbar. eu quero que quando o usuário clique no botão, os links para as outras páginas apareçam, eu fiz a função para alterar o useState, agora só falta esconder/mostrar o elemento, como eu poderia fazer isso? Esse foi meu código:
const [showLinks, setShowLinks] = useState(false)
useEffect(() => {
console.log('oi')
}, [showLinks])
const showItems = () => {
if (showLinks == false) {
setShowLinks(true)
}
if (showLinks == true) {
setShowLinks(false)
}
}
return (
<>
<header className="navbar">
<Link className="link" to="/">LojaOnline.com</Link>
<Button onClick={ showItems }><AiOutlineMenu/></Button>
</header>
<ul className="dropdown">
<Link to='/' >Home</Link>
</ul>
</>
);
}```