我在文档中读到了这一点,但我不确定BrowserRoutercreateBrowserRouter之间有什么区别.

这是它在文件中写的:

createBrowserRouter:

这是所有Reaction路由Web项目的推荐路由.它使用DOM历史API来更新URL和管理历史堆栈.

它还支持V6.4数据API,如加载器、操作、获取器等.

BrowserRouter:

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

我的第二个问题是:

我可以使用createBrowserRouter而不添加数据API,如加载器,动作等.原因是我不确定如何使用Redux工具包查询的数据API,并且我找到了有限的源.或许我可以稍后添加装载机.

推荐答案

不同之处实际上就像能够使用数据API一样简单,例如加载器、操作和一大堆仅用于数据路由的挂钩和实用函数(currently designated by a "new" icon in the docs).

我可以使用createBrowserRouter而不添加诸如加载器之类的数据API, 行动等

是的,你绝对可以.没有什么能强迫你(at this moment)使用新的数据路由100,也就是数据API.

据我所知,通过路由加载器和操作加载和提交数据的内容与Redux-Toolkit/Query提供的内容之间有一些重叠,但在相似性程度、数据获取方面有一些重叠.到目前为止,我还没有将数据API视为Redux数据缓存的1对1替代.

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

如果你已经有一个使用Redux、RTK和RTK-Query的应用程序,那么我认为加载器/动作会让人感觉有点平淡无奇和笨拙.到目前为止,这至少是他们的my条意见/经验.尽管如此,数据API相对较新,可能只是还没有在Reaction世界找到自己的利基市场.例如,我认为RRD数据API在应用于服务器端呈现时可能工作得很好,也就是说,Remix是react-router个库的维护者.

Reactjs相关问答推荐

删除表2的收件箱未按预期工作

在react中向数组状态添加值时出错

如何通过浏览器路由在单独的.jsx文件中使用MUI抽屉?

Reactjs中的chartjs和reaction-chartjs-2的问题

在Reaction中管理多个状态

如何在物料界面react 的多选菜单中设置最大 Select 数限制

在react上隐藏源映射

在 React 中使用forwardRef时无法声明自定义属性

Mui Datepicker 设置了错误的日期

Chakra UI:如何在选中状态下设置复选框 colored颜色

解决在React测试库中的act()警告

如何在 ReactJS 中提交后删除 URL 中的查询参数

从其他组件切换 FieldSet

useState 在生命周期中的位置

React Router v6 - 访问嵌套路由和处理手写 url 的正确方法

为什么此代码中的 useState 不更新(文本更新但 id 不更新)?

在 Reactjs 中状态发生变化时渲染一个新组件而不替换旧组件

调用 Jest 和服务方法的问题

bootstrap 导航栏切换器在 reactjs 中不起作用

添加禁用的默认选项以 Select