在 React Router 中，路由模式有哪几种类型？请分别说明它们各自的实现原理。

回答思路

1. 【回答框架 1】React Router 主要支持三种模式：BrowserRouter（history 模式）、HashRouter（hash 模式）和 MemoryRouter（内存模式）。每种模式通过不同的 URL 管理方式来同步 UI 与地址栏。
2. 【回答框架 2】BrowserRouter 基于 HTML5 History API，利用 pushState 和 replaceState 修改 URL 而不触发页面刷新，并监听 popstate 事件处理浏览器前进后退，URL 路径干净美观，但需要服务器端配置将所有路由回退到 index.html，否则直接访问子路径会 404。
3. 【回答框架 3】HashRouter 利用 URL 中 # 后面的 hash 值作为路由标识，通过监听 hashchange 事件感知变化，hash 变化不会向服务器发送请求，因此无需服务器额外配置，兼容性更好，但 URL 会带有 # 符号，不够美观，SEO 不友好。
4. 【回答框架 4】MemoryRouter 不依赖浏览器地址栏，将路由状态保存在内存中，适用于非浏览器环境如测试或 React Native，通过内部维护的历史栈来管理导航，刷新页面会丢失当前路由状态。
5. 【关键点 1】BrowserRouter 使用 History API，需要服务器支持；HashRouter 使用 hashchange，兼容性好但 URL 带 #；MemoryRouter 不依赖地址栏。
6. 【关键点 2】三种模式都是通过监听相应事件或状态变化来更新组件树，原理是状态驱动视图。
7. 【易错点 1】不要认为 HashRouter 无法使用 history 相关 API，它内部也实现了类似跳转方法，只是基于 hash 变化。
8. 【易错点 2】生产环境使用 BrowserRouter 必须配置服务器回退规则，否则直接访问深链接会返回 404。