面试官：React Router 有哪几种模式？实现原理是什么？

React Router 有两种主要的路由模式：HashRouter 和 BrowserRouter。

1. HashRouter：HashRouter 使用 URL 中的哈希（#）部分来管理路由，即路由信息保存在 URL 的哈希部分中，不会触发页面的重新加载。在浏览器不支持 HTML5 History API 的情况下，HashRouter 是一种常用的路由模式。实现原理是，通过监听 window.location.hash 的变化来切换路由，并通过 window.addEventListener('hashchange', callback) 来监听 URL 的变化。
2. BrowserRouter：BrowserRouter 使用 HTML5 History API 来管理路由，即路由信息保存在 URL 的路径部分中，可以创建“真实”的 URL，不会出现哈希（#）符号。在支持 HTML5 History API 的现代浏览器中，BrowserRouter 是推荐的路由模式。实现原理是，通过浏览器提供的 History API（如 pushState() 和 replaceState()）来更新浏览器的历史记录，并通过监听 popstate 事件来响应浏览器的前进和后退操作。

这两种路由模式在功能上是相似的，都可以实现单页面应用（SPA）的路由导航功能，区别在于它们的 URL 格式和浏览器兼容性。

在使用 React Router 时，可以根据项目需求和浏览器支持情况选择合适的路由模式。通常情况下，在现代浏览器中推荐使用 BrowserRouter，而在需要支持较老版本浏览器的情况下可以考虑使用 HashRouter。