html标记“ / href”和react-router提供的用于导航页面的navlink有什么区别?我可以同时使用两者来将页面导航到其他URL,那么为什么需要引入Navlink或Link?
答案 0 :(得分:0)
href
属性将触发页面刷新,这将重置应用程序状态。但是react-router的链接和navlink不会触发页面刷新。由于大多数情况下React是用来创建单页应用程序的,因此请确保在使用路由时选择Link或Navlink
答案 1 :(得分:0)
如果我们要使用诸如href
之类的锚元素创建链接,则单击它们将导致重新加载整个页面。 React Router提供了<Link>
组件来防止这种情况的发生。单击<Link>
时,将更新URL,并且呈现的内容将更改,而无需重新加载页面。所以基本上可以总结一下
react提供的navlink /链接不会刷新页面,而href刷新页面
答案 2 :(得分:0)
当您需要在active上使用样式或类属性时,可以使用 navlink
让我们看一下示例:
链接
允许用户在您的应用程序中浏览的主要方式。会呈现一个具有适当 href 的完全可访问的锚标记。
<Link to="/">Home</Link>
NavLink
的特殊版本,它将在与当前URL匹配时将样式属性添加到呈现的元素。
<NavLink to="/" activeClassName="active">Home</NavLink>