Question

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

我想发生的事情是想出一种使类像普通标签一样工作的方法。即使我拥有btn btn-outline-primary，拥有NavLink也会干扰css属性。

*** edit：我发现了问题。如果我将所有出于测试目的的路由都设置为=“ /”，则每个链接都将处于活动状态。因此，毕竟，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嵌套在Navlinks中，还将引导类传递给li而不是Navlink路由。删除href