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，并将其指向路由器的路径。它仍然有效。或者我什至可以给navlink或Link。这是更好的方法。我可以简单地说href = {mypathname}。因为即使那样也有效。

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

Answer 1

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

导航栏项目应使用<link />还是<navlink>？

1 个答案: