React: Router中Link组件和a标签的区别
leslie1943 opened this issue · comments
React: Router中Link组件和a标签的区别
- Link组件最终会渲染为 HTML 标签
<a>, 它的 to, query, hash属性会被组合在一起并渲染为href属性. 虽然Link被渲染为超链接, 但是在内部是线上使用了脚本拦截了浏览器的默认行为event.preventDefault(), 调用了history.pushState方法 Link只负责触发url的变更,Route负责根据url渲染组件- 相比于
<a>标签,<Link>避免不重复渲染页面
总结
<a>标签会重新渲染页面<Link>组件不会重新渲染页面