Javascript 导航时在菜单项上加下划线

我正在使用盖茨比的反应，并有一个导航菜单与链接，想当点击链接时，一个边框底部显示时，在当前页面中，此时边框只显示与悬停

你是磁铁吗


代表团


服务公司


孔杜多


康塔托

Gatsby链接允许您使用

activeClassName

或

activeStyle

属性来实现这一点。像这样：

   <li className="menuSob">
     <Link className="menuItem" to="/about/" activeClassName={`active`}>
            sobre a magnet
     </Link>
   </li>

您可以在中查看更多信息。事实上，盖茨比是从React路由扩展而来的，因此，您可以获得它们的所有好处，以及盖茨比提供的一些其他特性。例如，可以在每个

中设置

partiallyActive={true}

属性，该属性将匹配路由路径下的所有路径并将其设置为“活动”。例如：

      <Link className="menuItem" to="/contato/" activeClassName={`active`} partiallyActive={true}>
        contato
      </Link>

康塔托

---

将

/contacto

下的所有路径设置为“活动”（即：

/contacto/给我五个

，

/contacto/etc

，等等）。

这是否回答了您的问题？非常感谢，我是盖茨比的新手，不知道这件事

      <Link className="menuItem" to="/contato/" activeClassName={`active`} partiallyActive={true}>
        contato
      </Link>