文章/答案/技术大牛

发布

社区首页 >问答首页 >html标签"/href“与navlink或Link的区别

问html标签"/href“与navlink或Link的区别
EN

Stack Overflow用户

提问于 2018-12-20 05:09:07

回答 3查看 7.9K关注 0票数 4

html标签"/href“和react路由器提供的导航页面的navlink有什么区别？我可以使用这两种方法来导航到不同的URL页面，那么为什么需要引入Navlink或Link呢？

react-router-v4

reactjs

react-redux

react-navigation

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-12-20 05:13:03

href属性将触发页面刷新，这将重置应用程序状态。然而，react路由器的链接和navlink不会触发页面刷新。因为React通常用于创建单个页面应用程序，所以在使用路由时一定要选择Link或Navlink

票数 7

Stack Overflow用户

发布于 2018-12-20 05:18:05

如果我们使用锚元素(如href )创建链接，单击它们将导致整个页面重新加载。React路由器提供了一个<Link>组件来防止这种情况发生。单击<Link>时，URL将被更新，呈现的内容将在不重新加载页面的情况下更改。因此，总的来说，react提供的navlink/ link不会刷新页面，而href则刷新页面

票数 2

Stack Overflow用户

发布于 2018-12-20 05:27:35

当您需要在active上使用样式或类属性时，可以使用navlink

让我们看看这个例子：

Link

允许用户在应用程序周围导航的主要方法。将使用正确的href呈现完全可访问的锚标记。

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

NavLink

当它与当前URL匹配时，它的一个特殊版本将向呈现的元素添加样式属性。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53862705

复制

相似问题

问html标签"/href“与navlink或Link的区别
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html标签"/href“与navlink或Link的区别EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html标签"/href“与navlink或Link的区别
EN