我应该将 <Link> 或 <NavLink> 用于导航栏项目吗？

Question

这是我的导航栏下拉菜单。

<div className="dropdown-divider"></div>
<a className="dropdown-item" href="#"><i className="text-secondary ti-reload"></i>Activity</a>
<a className="dropdown-item" href="#"><i className="text-success ti-email"></i>Messages</a>
<a className="dropdown-item" href="#"><i className="text-warning ti-user"></i>Profile</a>
<a className="dropdown-item" href="#"><i className="text-dark ti-layers-alt"></i>Projects <span className="badge badge-info">6</span> </a>
<div className="dropdown-divider"></div>
  <a className="dropdown-item" href="#"><i className="text-info ti-settings"></i>Settings</a>
  <a className="dropdown-item" href="/login" ><i className="text-danger ti-unlock"></i> Login </a>
</div>

我想在点击登录菜单项时打开登录。

我可以这样做：只需给出 href ，并将其指向路由器的路径。它仍然有效。或者我什至可以提供导航链接或链接。 这是更好的方法。 我可以简单地说 href={mypathname} 吗？因为即使这样也有效。

<a className="dropdown-item" href="/login" ><i className="text-danger ti-unlock"></i> Login </a>

Answer 1

如果您想在链接中使用样式，则可以使用 NavLink，否则使用 Link。