在 React Router 中，使用 Link 组件与原生 HTML 的 a 标签进行页面跳转时，两者在行为、性能和功能上有哪些主要区别？请结合 React 单页应用的特点说明。
考察说明
考查对 React Router 核心组件 Link 与原生 a 标签差异的理解，以及单页应用路由机制的基本认知。
回答思路
- 【回答框架 1】Link 是 React Router 提供的组件，用于在应用内进行声明式导航。它最终会渲染为一个 a 标签，但会拦截默认的点击行为，阻止浏览器发起完整的页面刷新请求，而是通过 history API 更新 URL 并触发组件重新渲染，实现无刷新跳转。
- 【回答框架 2】原生 a 标签的 href 指向一个完整的 URL，点击后浏览器会向服务器发起请求，加载新页面并重新执行脚本，导致整个应用状态丢失，性能开销大。在单页应用中，直接使用 a 标签会破坏应用状态和路由的同步。
- 【回答框架 3】Link 组件支持 to 属性，可以传入字符串或对象，用于指定目标路径和参数，并自动处理相对路径和绝对路径。它还支持 replace 属性，控制是否替换当前历史记录，而 a 标签没有这些内置功能。
- 【回答框架 4】Link 组件在渲染时默认带有正确的 href，便于 SEO 和用户右键打开新标签页，同时通过 onClick 事件阻止默认行为，确保应用内导航的一致性。此外，Link 还支持自定义样式和类名，与 React 组件体系无缝集成。
- 【回答框架 5】在性能上，Link 导航避免了整页刷新，只更新需要变化的组件，提升了交互流畅度。但需要注意，Link 仅适用于应用内部路由，外部链接仍需使用 a 标签，并可能需要设置 target 和 rel 属性。
- 【关键点 1】Link 阻止默认跳转，通过 history API 实现无刷新导航，保持应用状态。
- 【关键点 2】a 标签会触发完整页面加载，导致状态丢失和性能开销。
- 【关键点 3】Link 支持 to 对象、replace 等特性，a 标签仅支持 href。
- 【关键点 4】Link 渲染为 a 标签，保留语义和 SEO 友好性。
- 【关键点 5】外部链接应使用 a 标签，内部路由使用 Link。