我什么时候应该在 NavLink 上使用 Link？

Question

参考React Router v4 <NavLink> vs <Link> benefits 和官方文档，NavLink 是Link 的一个变体，允许您在它是活动链接时应用样式属性。这些样式属性似乎不是强制性的，而且我还没有找到任何描述使用Link 的优点。

如果是这样，为什么不到处使用NavLink？有什么理由选择Link 而不是NavLink？也许是功能，还是更好的性能？

Answer 1

实际上，这两者之间的主要区别在于类属性。当我们使用 NavLink 作为标签时，它会在单击时自动继承一个活动类。另一方面，Link 标签现在在点击时确实有一个活动类。

我应该什么时候使用 NavLink？

顾名思义“NavLink”，我们主要在导航栏上使用它。这是因为活动类允许我们在 App.css 样式表中定义自定义样式。因此，我们可以使用它来设置活动按钮的样式，通知用户他/她当前在哪个页面上。

我应该什么时候使用链接？

Link 标签可以用在我们只想做一些没有特殊效果的路由的地方。例如;我们可以将链接标签用于滚动到顶部按钮、添加到卡片按钮、提交按钮等等。