使用axios React将数据存储在REDUX存储中



我是redux的新手,正在开发MERN应用程序。我需要使用来自集合";资产主"在一些反应组分中。

一种选择是通过axios、useEffect获取数据,并在react组件中渲染我的表。但由于我需要在其他组件中使用这些数据,我也必须使用useDispatch((将其调度到Redux存储。在这种情况下,其他组件可以使用useSelector((来使用数据。

然而,我需要知道是否有可能直接在Redux Store中集中获取数据,而无需在任何组件中获取数据。在这种情况下,我们是否需要使用useEffect来确保每次通过任何react组件对数据库进行集合中的任何更改时都能获取数据。

如果您的useEffect没有任何依赖项,那么提取数据是不正确的,因为它(useEffect(只提取一次数据。还要检查依赖项渲染的次数,这会导致延迟和沉重的处理负载。
毕竟,像redux thunk这样的redux和redux工具包用于管理和存储组件之间的数据(如果你知道设计模式,它就像代理设计模式(。如果你有侧边栏面板或其他不需要呈现客户端数据并保存的东西,我建议你使用contextApi,但如果你需要管理用户数据或将其存储在服务器、cookie、本地存储等位置,。。。如果建议使用Redux和redex工具包。
为了了解redux以及如何使用此工具,我在这里为您提供了示例源代码。
源代码

当应用程序加载并存储在商店中时,您可以在useEffect中提取数据一次。之后,您可以访问存储中的数据,而无需重新获取。

当组件更新数据库中的某些数据而不是再次获取时,只需在存储中更新它。

相关内容

  • 没有找到相关文章

最新更新