首页 ❯

React Router v4 <NavLink> vs <Link>优势

javascript reactjs react-router react-router-v4
2022-08-30 04:40:28

除了能够在 NavLink 上设置“activeClassName”和“activeStyle”之外，在不需要活动状态/类的非导航元素（即页眉或页脚中不是主导航）上创建指向其他路由的链接时，是否有任何理由使用 NavLink over Link？


答案 1

官方文件很清楚：

<NavLink>

的特殊版本，它将在呈现的元素与当前 URL 匹配时向其添加样式属性。<Link>

因此，答案是否定的。除了上述原因外，没有其他原因。


答案 2

当您需要在 active 上使用样式或类属性时，可以使用<Link><NavLink>

让我们看看这个例子：

链接

<Link to="/">Home</Link>

导航链接

<NavLink to="/" activeClassName="active">Home</NavLink>

推荐
更多 »
标签
更多 »
php pass-by-reference optional-parameters default-value javascript arrays dom function string object serialization tostring visibility syntax jslint use-strict operators equality equality-operator identity-operator datetime timestamp date-arithmetic redirect angularjs loops foreach iteration scope variables
推荐
更多 »