Estoy tratando de crear una navegación desplegable, pero cuando coloco la etiqueta de enlace de react-router-dom v5 en el div con className="dropdown-links", la URL no cambia y nada cambia, simplemente permanece allí. Pero puse el enlace encima de div con className="dropdown__menu information__grid, funciona bien.

 import React from 'react' import { Link } from 'react-router-dom' const nav = () => { return ( <div className="dropdown"> <button className="btn-nav">Bags</button> <div className="dropdown__menu information__grid"> <div> <div className="dropdown-heading">Ladies Bags</div> <div className="dropdown-links"> <Link to="/all" class="link">All</Link> <Link to="/lastest" class="link">Latest</Link> <Link to="/popular" class="link">Popular</Link> </div> </div> </div> </div> ) }