[react-router] React-Router的＜Link＞标签和＜a＞标签有什么区别

Posted 2021-12-20 前端小歌谣

[react-router] React-Router的<Link>标签和<a>标签有什么区别

Link 组件最终会渲染为 html 标签 <a>，它的 to、query、hash 属性会被组合在一起并渲染为 href 属性。虽然 Link 被渲染为超链接，但在内部实现上使用脚本拦截了浏览器的默认行为，然后调用了history.pushState 方法。

Link 只负责触发 url 变更，Route 只负责根据 url 渲染组件

相比于 <a> 标签，<Link> 避免了不必要的渲染

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题