NavLink 与引导类的交互

Question

我在使用“react-router-dom”设置路由时遇到问题。问题是如果我使用 NavLink 类，a 标签会丢失，并且引导程序不会显示 css 行为。

我想要做的是想办法让类像普通的 a 标签一样工作。即使我有 btn btn-outline-primary，拥有 NavLink 也会干扰 css 属性。

***编辑：我发现了问题。如果我将所有用于测试目的的路由设置为“/”，则每个链接都将处于活动状态。所以，毕竟，Bootstrap 运行良好，只需要确保在设置所有路由后对其进行测试。

<li className="nav-item">
  <NavLink to='/' className="btn btn-light mr-1" href="#">
    <i class="fas fa-user"></i> Perfíl
  </NavLink>
</li>

Answer 1

尝试将 li 嵌套在 Navlink 中，并将引导类传递给 li 而不是 Navlink 路由。删除href