React-router v6 中的 BrowserRouter 和 createBrowserRouter 有什么区别？我可以在不使用数据 API 的情况下使用 createBrowserRouter 吗？

Question

我已在文档中阅读过此内容，但我不确定BrowserRouter和之间有什么区别createBrowserRouter。

这就是文档中所说的：

创建浏览器路由器：

这是所有 React Router Web 项目的推荐路由器。它使用 DOM History API 来更新 URL 并管理历史堆栈。

它还支持 v6.4 数据 API，如加载器、操作、获取器等。

浏览器路由器：

A<BrowserRouter>使用干净的 URL 将当前位置存储在浏览器的地址栏中，并使用浏览器的内置历史记录堆栈进行导航。

我的第二个问题是：

我可以createBrowserRouter在不添加数据 API（如加载器、操作等）的情况下使用吗？原因是我不确定如何将数据 API 与 Redux Toolkit Query 一起使用，而且我发现来源有限。我也许可以稍后添加加载器。

Answer 1

区别实际上就像能够使用数据 API 一样简单，例如加载器、操作以及一整套仅用于数据路由器的挂钩和实用函数（当前在文档中由“新”图标指定）。

我可以createBrowserRouter在不添加数据 API（如加载器、操作等）的情况下使用吗？

是的，绝对可以。没有什么强迫您（此时）使用新的数据路由器和数据 API。

据我所知，通过路由加载器和操作加载数据和提交数据与 Redux-Toolkit/Query 提供的内容之间存在一些重叠，但关于相似性、数据获取的程度。到目前为止，我不认为 Data API 可以一对一替代 redux 数据缓存。

如果要获取的数据仅与特定的 React 组件或路由子树相关，则加载器和操作似乎很有用，而 Redux 是一个全局状态管理库，任何操作都可以从任何地方分派，并且可以从存储中读取任何地方。

如果您已经有一个使用 Redux、RTK 和 RTK-Query 的应用程序，那么我认为加载器/操作会感觉有点平庸和笨拙。这至少是我迄今为止对他们的看法/经验。也就是说，数据 API 相对较新，可能只是还没有在 React 世界中找到自己的定位。例如，我认为 RRD 数据 API 在应用于服务器端渲染（即 Remix）（库的维护者）时可能运行良好并且表现出色react-router。