尾风activeClassName类始终保持打开状态

Question

我正在尝试使用 tailwind 构建一个Sidenav。到目前为止，这是我的代码：

<nav className="mt-10"> 
  <NavLink className="p-1 text-gray-400 block hover:bg-yellow-500 hover:text-gray-900" activeClassName="text-yellow-500" to="/">Órdenes</NavLink>
  <NavLink className="p-1 text-gray-400 block hover:bg-yellow-500 hover:text-gray-900" activeClassName="text-yellow-500" to="/menu">Menú</NavLink>
  <NavLink className="p-1 text-gray-400 block hover:bg-yellow-500 hover:text-gray-900" activeClassName="text-yellow-500" to="/new_plate">Nuevo Platillo</NavLink>
</nav>

问题是，即使我选择了另一个菜单项，sidenav菜单的第一个选项也始终打开：

我不知道为什么会这样。