开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

是否应该将每个异步调用响应存储在redux存储中？

在云计算领域中，Redux是一个流行的状态管理库，用于管理应用程序的状态。它通常与React等前端框架一起使用，用于处理应用程序中的数据流。对于异步调用的响应是否应该存储在Redux存储中，这取决于具体的应用场景和需求。

存储异步调用的响应数据在Redux存储中有以下优势：

数据共享和可访问性：将异步调用的响应存储在Redux存储中，可以使得这些数据在应用程序的不同组件之间共享和访问。这样可以避免数据的重复获取和传递，提高了数据的可访问性和复用性。
状态管理和一致性：Redux提供了一种统一的状态管理机制，可以帮助开发人员更好地管理应用程序的状态。将异步调用的响应存储在Redux存储中，可以将这些响应数据与其他应用程序状态进行整合和管理，确保应用程序的状态一致性。
时间旅行和调试：Redux提供了时间旅行调试功能，可以回溯和检查应用程序状态的变化。如果异步调用的响应存储在Redux存储中，可以更方便地跟踪和调试这些响应数据的变化，有助于排查和解决问题。

然而，将每个异步调用的响应存储在Redux存储中也存在一些考虑和限制：

数据量和性能：如果异步调用的响应数据量较大，存储在Redux存储中可能会导致存储空间的占用和性能的下降。在处理大量数据时，可以考虑只存储关键的响应数据或者使用其他方式进行数据的管理和存储。
数据更新和同步：异步调用的响应数据可能会频繁更新，如果存储在Redux存储中，需要确保数据的及时更新和同步。这可能需要额外的处理和管理，以避免数据的过期或者不一致。

综上所述，是否应该将每个异步调用的响应存储在Redux存储中取决于具体的应用需求和场景。在决策时，需要综合考虑数据共享、状态管理、调试和性能等因素，并根据实际情况进行权衡和选择。

腾讯云相关产品和产品介绍链接地址：

腾讯云产品：https://cloud.tencent.com/product
腾讯云云原生产品：https://cloud.tencent.com/solution/cloud-native
腾讯云数据库产品：https://cloud.tencent.com/product/cdb
腾讯云服务器产品：https://cloud.tencent.com/product/cvm
腾讯云人工智能产品：https://cloud.tencent.com/product/ai
腾讯云物联网产品：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发产品：https://cloud.tencent.com/product/mobdev
腾讯云存储产品：https://cloud.tencent.com/product/cos
腾讯云区块链产品：https://cloud.tencent.com/product/baas
腾讯云元宇宙产品：https://cloud.tencent.com/solution/metaverse

相关搜索:使用redux-saga将异步调用放到redux存储中处理Redux存储中项目的单独异步调用将响应结果存储在变量中在实体框架中创建异步存储过程调用我是否应该将RTK查询结果放入存储中？在react native中是否可以将Redux存储持久化到SQLite？是否可以将函数调用存储在动态变量中？将响应变量存储在RobotFramework中 Angular客户端是否应该将用户角色存储在本地存储中？您应该将SQL存储过程存储在源代码管理中吗？是否可以将属性存储在存储库中以供重用？是否可以在Redux中的Provider context之外更新存储？将数据获取存储在本地状态redux reactjs中在使用反射时，是否应该将字段及其名称存储在Map中？Svelte派生存储中的异步调用在每个组件上运行将JSON响应存储在c#类中将JSON响应存储在列表或HashMap中将密码存储在变量中是否危险？React Redux (在单个文件中)在存储更改后不调用render()Svelte将异步脚本中的值存储在变量中

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【DB笔试面试660】在Oracle中，在编译存储过程、函数等对象时无响应该怎么办？

♣题目部分Oracle中，在编译存储过程、函数等对象时无响应该怎么办？ ♣答案部分在编译某个存储过程的时候，Oracle会自动给这个对象加上DDL锁，同时也会对这个存储过程所引用的对象加锁。...在数据库的开发过程中，经常碰到包、存储过程、函数无法编译或采用“PLSQL Developer”这款软件进行编译时会导致该软件无法响应的问题，这个时候可以通过查询DBA_DDL_LOCKS或V$ACCESS

1.3K2 0

单向数据流-从共享状态管理：fluxreduxvuex漫谈异步数据处理

reducer 不存储 state, reducer 函数逻辑中不应该直接改变 state 对象, 而是返回新的 state 对象（可以考虑使用 immutable-js）。...redux与flux对比 Flux 中 Store 是各自为战的，每个 Store 只对对应的 View 负责，每次更新都只通知对应的View Redux 中各子 Reducer 都是由根 Reducer...、自身是否需要重新渲染，默认情况下，React组件的shouldComponentUpdate总返回true，这里貌似有一个严重的性能问题 Middleware(中间件) 在 Redux 中同步的表现就是...redux-saga将进行异步处理的逻辑剥离出来，单独执行，利用generator实现异步处理。...这样看来我认为VUE是更推荐在使用了VUEX的框架中的每个组件内部都使用store，而React-Redux则提供了自由选择性。

3.7K4 0

前端高频react面试题

这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。管理不断变化的 state 非常困难。...这个问题就设计到了数据持久化，主要的实现方式有以下几种：Redux：将页面的数据存储在redux中，在重新加载页面时，获取Redux中的数据；data.js：使用webpack构建的项目，可以建一个文件...，data.js，将数据保存data.js中，跳转页面后获取；sessionStorge：在进入选择地址页面之前，componentWillUnMount的时候，将数据存储到sessionStorage...这个方法适合一些需要临时存储的场景。Redux 中异步的请求怎么处理可以在 componentDidmount 中直接进⾏请求⽆须借助redux。...但是在⼀定规模的项⽬中,上述⽅法很难进⾏异步流的管理,通常情况下我们会借助redux的异步中间件进⾏异步处理。

3.3K2 0

Taro 小程序开发大型实战（六）：尝鲜微信小程序云（上篇）

微信小程序云初尝鲜在前面的代码中，我们通过将数据保存在 Storage 里面来完成数据的持久化，这样可以解决小规模数据的存储和查询问题，一旦数据量变大了，那么查询和存储就需要依靠专门的数据库来解决了，...一般的小程序 Serverless 服务都包含三大功能：数据库：一般是以 JSON 数据格式进行存储，可以将数据存储在云端数据库中。...好了，准备好了小程序云，我们开始准备在应用中接入它了，但在此之前，因为我们要接入小程序云，那么势必要发起异步的请求，这就需要了解一下 Redux 的异步处理流程，在下一节中，我们将使用 redux-saga...接着我们调用 createSagaMiddleware 生成 sagaMiddleware 中间件，并将其放置在 middleware 数组中，这样 Redux 就会注册这个中间件，在响应异步 action...最后在 createStore 函数里面，当创建 store 之后，我们调用 sagaMiddleware.run(rootSaga) 来将所有的 sagas 跑起来开始监听并响应异步 action。

2.2K2 0

先行者计划--1107微课《什么是Vuex？》| 文字简版

但现在我们要说一下它和全局变量的区别： 1，vuex中存储的state是响应式的。...-- actions – 提交mutation，异步操作（会不会感觉有点像 redux当中的dispatch({type.xxx})？...） -- mudules – 将store模块化因为vue应用是模块化的开发，所以组件的状态在state中的保存方式，必然也是按对应的模块的结构来保存的。 <!...因为是统一管理状态的，所以每个vue应用只能有一个store对象。在它里面包含着此应用中的状态，state。...注意：数据流都是单向的组件能够调用 action action 用来派发 Mutation 只有 mutation 可以改变 state store 是响应式的，无论 state 什么时候更新，组件都将同步更新

1.5K9 0

React中的Redux

在default情况下，必须但会旧的state。 store是一个类似数据库的存储（或者可以叫做状态树），需要设计自己的数据结构来在状态树中存储自己的数据。...store-tree.png so，存储在store中的数据结构是由reducer确定的。数据流严格的单向数据流是Redux架构的核心设计。...state 数据修改从props中调用回调函数向Redux派发actions 调用方式手动通常由React Redux生成大部分的组件都应该是展示型的，但一般需要少数的几个容器组件把它们和...状态（state）是一种数据结构，存储在store中的数据异步加载的页面的状态：“加载中；加载成功，展示列表；加载失败” 这三种状态。...在异步操作这块，我们建议使用 redux-saga 中间件来创建更加复杂的异步 action。其中涉及到es6中的Generators可以在文档中查看。

4K2 0

react高频面试题总结（附答案）

hooks 为什么不能放在条件判断里以 setState 为例，在 react 内部，每个组件(Fiber)的 hooks 都是以链表的形式存在 memoizeState 属性中图片update 阶段，...项目中，通过redux存储全局数据时，会有一个问题，如果用户刷新了网页，那么通过redux存储的全局数据就会被全部清空，比如登录信息等。...但是在已经使用redux来管理和存储全局数据的基础上，再去使用localStorage来读写数据，这样不仅是工作量巨大，还容易出错。那么有没有结合redux来达到持久数据存储功能的框架呢？...在差异计算算法中，React 能够相对精确地知道哪些位置发生了改变以及应该如何改变，这就保证了按需更新，而不是全部重新渲染。如果在短时间内频繁setState。...如果是异步，则可以把一个同步代码中的多个setState合并成一次组件更新。所以默认是异步的，但是在一些情况下是同步的。setState 并不是单纯同步/异步的，它的表现会因调用场景的不同而不同。

2.2K4 0

2023再谈前端状态管理

Class 时代 Redux Redux 的灵感来源于 Flux 架构和函数式编程原理，状态更新可预测、可跟踪，提倡使用「单一存储」。这通常会「导致将所有的东西存储在一个大的单体存储中」。...如何处理异步 redux没有规定如何处理异步数据流，最原始的方式就是使用Action Creators，也就是在制造action之前进行各种的异步操作，你可以把要复用的操作抽离出来。...每个 action 都会调用所有 reducer； reducer 要返回新的对象，如果更新的值层级较深，更新成本也很高；更多的内存占用，由于采用单一数据源，所有状态存储在一个 state 中，当某些状态不再需要使用时...代数效应，剥离组件中的副作用，让开发者更专注业务逻辑。代数效应是函数式编程中的一个概念，用于将副作用从函数调用中分离。...它们被称做也确实应该被称做"状态管理"工具。而 Hox 想解决的问题，不是如何组织和操作数据，不是数据流的分层、异步、细粒度，我们希望 Hox 只聚焦于一个痛点：在多个组件间共享状态。

8781 0

React 原理问题

以setState为例，在 react 内部，每个组件(Fiber)的 hooks 都是以链表的形式存在memoizeState属性中。...中调用setState会触发一次额外的渲染，多调用了一次render函数不应该在componentDidMount调用state方法 render() shouldComponentUpdate()...redux是将整个应用状态存储到一个地方成为store, 里面保存着一个状态树store three, 组件可以派发（dispatch）行为（action）给store, 组件内部通过订阅store中的状态...Redux 和 Mobx 的区别？ 1. 设计思想不同 Redux函数式编程思想 Mobx对象编程和响应式编程 2....对store管理不同 Redux将所有共享的数据集中在一个大的store中，统一管理 Mobx按模块将状态划出多个独立的store进行管理 3.

2.5K0 0

2021高频前端面试题汇总之React篇

state作为props传递给调用者，将渲染逻辑交给调用者。...Redux 中异步的请求怎么处理可以在 componentDidmount 中直接进⾏请求⽆须借助redux。...但是在⼀定规模的项⽬中,上述⽅法很难进⾏异步流的管理,通常情况下我们会借助redux的异步中间件进⾏异步处理。...中间件 redux-saga优点: 异步解耦: 异步操作被被转移到单独 saga.js 中，不再是掺杂在 action.js 或 component.js 中 action摆脱thunk function...一些库如 React 视图在视图层禁止异步和直接操作 DOM来解决这个问题。美中不足的是，React 依旧把处理 state 中数据的问题留给了你。Redux就是为了帮你解决这个问题。

2K0 0

2022社招React面试题附答案

state作为props传递给调用者，将渲染逻辑交给调用者。...Redux 中异步的请求怎么处理可以在 componentDidmount 中直接进⾏请求⽆须借助redux。...但是在⼀定规模的项⽬中,上述⽅法很难进⾏异步流的管理,通常情况下我们会借助redux的异步中间件进⾏异步处理。...中间件 redux-saga优点: 异步解耦: 异步操作被被转移到单独 saga.js 中，不再是掺杂在 action.js 或 component.js 中 action摆脱thunk function...一些库如 React 视图在视图层禁止异步和直接操作 DOM来解决这个问题。美中不足的是，React 依旧把处理 state 中数据的问题留给了你。Redux就是为了帮你解决这个问题。

2K5 0

社招前端常见react面试题（必备）_2023-02-26

React在自己的合成事件中重写了 stopPropagation方法，将 isPropagationStopped设置为 true，然后在遍历每一级事件的过程中根据此遍历判断是否继续执行。...但是在已经使用redux来管理和存储全局数据的基础上，再去使用localStorage来读写数据，这样不仅是工作量巨大，还容易出错。那么有没有结合redux来达到持久数据存储功能的框架呢？...在生命周期中的哪一步你应该发起 AJAX 请求我们应当将AJAX 请求放到 componentDidMount 函数中执行，主要原因有下 React 下一代调和算法 Fiber 会通过开始或停止渲染的方式优化应用性能...如果我们将AJAX 请求放置在生命周期的其他函数中，我们并不能保证请求仅在组件挂载完毕后才会要求响应。...如果我们的数据请求在组件挂载之前就完成，并且调用了setState函数将数据添加到组件状态中，对于未挂载的组件则会报错。

1.6K1 0

手写Redux-Saga源码

本文要讲的就是Redux-Saga，这个也是我在实际工作中使用最多的Redux异步解决方案。...也就是说如果同时发出多个FETCH_USER_INFO，我们每个都会响应并发起请求。...所以我猜测，他应该是自己实现了一套完全独立的异步任务处理机制，下面我们从能感知到的API入手，一步一步来探寻下他源码的奥秘吧。...这种异步事件处理机制需要一个处理中心来存储事件和处理函数，还需要一个方法来触发队列中的事件的执行，再回看前面的使用的API，我们发现了两个类似功能的API： takeEvery(action, callback...Redux-Saga增强了Redux的dispatch函数，在dispatch的同时会触发channel.put，也就是让Redux-Saga也响应回调。

1.7K3 0

Redux开发实用教程

可以看到，在整个流程中数据都是单向流动的。 Redux和Flux的对比 Redux是Flux思想的一种实现，同时又在其基础上做了改进。...这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。...虽然React 试图在视图层禁止异步和直接操作 DOM 来解决这个问题。美中不足的是，React 依旧把处理 state 中数据的问题留给了你。Redux就是为了帮你解决这个问题。...它应该是完全可预测的：多次传入相同的输入必须产生相同的输出。它不应做有副作用的操作，如 API 调用或路由跳转。这些应该在 dispatch action 前发生。...在前一个章节中，我们使用 combineReducers() 将多个 reducer 合并成为一个。现在我们通过Redux的 createStore()来创建一个Store。

1.4K2 0

2022社招react面试题附答案

React的异步请求到底应该放在哪个⽣命周期⾥，有⼈认为在componentWillMount中可以提前进⾏异步请求，避免⽩屏，其实这个观点是有问题的。...config中以对象的属性和值的形式存储参数三：children 存放在标签中的内容，以children数组的方式进行存储；当然，如果是多个元素呢？...：确定是否更新组件。...两者对⽐： redux将数据保存在单⼀的store中，mobx将数据保存在分散的多个store中 redux使⽤plain object保存数据，需要⼿动处理变化后的操作；mobx适⽤observable...保存数据，数据变化后⾃动处理响应的操作 redux使⽤不可变状态，这意味着状态是只读的，不能直接去修改它，⽽是应该返回⼀个新的状态，同时使⽤纯函数；mobx中的状态是可变的，可以直接对其进⾏修改 mobx

2.1K1 0

医疗数字阅片-医学影像-Module: Panel-自定义面板-中二-Redux&react-redux状态管理详解

mapDispatchToProps：将需要绑定的响应事件（action）作为props传递到组件上。 ? Provider Provider实现store的全局访问，将store传给每个组件。...{ type: TOGGLE_TODO, index: 5 } OHIF-Viewers是定义的action type 常量我们应该尽量减少在 action 中传递的数据。...Action 创建函数也可以是异步非纯函数。你可以通过阅读高级教程中的异步 action章节，学习如何处理 AJAX 响应和如何把 action 创建函数组合进异步控制流。...很不幸到现在为止，还有很多人存在一个误区：根据文档中是否使用 switch 来决定是否使用它。...如果你使用了 React Redux 这类的绑定库，这时就应该调用 component.setState(newState) 来更新。

3.6K1 0

高级前端react面试题总结

它通过创建 Sagas 将所有异步操作逻辑存放在一个地方进行集中处理，以此将react中的同步操作与异步操作区分开来，以便于后期的管理与维护。...它用来存储本地状态和响应生命周期事件很有用。函数式组件(Functional component)根本没有实例instance。...但是在⼀定规模的项⽬中,上述⽅法很难进⾏异步流的管理,通常情况下我们会借助redux的异步中间件进⾏异步处理。...中间件redux-saga优点:异步解耦: 异步操作被被转移到单独 saga.js 中，不再是掺杂在 action.js 或 component.js 中action摆脱thunk function:...(在构造函数中)调用 super(props) 的目的是什么在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor 中调用 super()

4.1K4 0

一天梳理完react面试题

在此方法中执行必要的清理操作：清除 timer，取消网络请求或清除取消在 componentDidMount() 中创建的订阅等；这个生命周期在一个组件被卸载和销毁之前被调用，因此你不应该再这个方法中使用...Redux 中异步的请求怎么处理可以在 componentDidmount 中直接进⾏请求⽆须借助redux。...但是在⼀定规模的项⽬中,上述⽅法很难进⾏异步流的管理,通常情况下我们会借助redux的异步中间件进⾏异步处理。...中间件redux-saga优点:异步解耦: 异步操作被被转移到单独 saga.js 中，不再是掺杂在 action.js 或 component.js 中action摆脱thunk function:...在非受控组件中，可以使用一个ref来从DOM获得表单值。而不是为每个状态更新编写一个事件处理程序。

5.5K3 0

Rematch: Redux 的重新设计

在本文中，我们将探讨一些你可能一直在问自己的问题：你是否需要一个用于状态管理的库？ Redux 的受欢迎程度是否值得我们去使用？为什么或者为什么不值得？我们能否制定更好状态管理解决方案吗?...Redux是否更简单？当然不是。简单应当是纯javascript：比如 TJ Holowaychuk 在twitter上说那么为什么不是每个人都使用 global.state={}？...3.使用 Async/Await 代替 Thunks thunk 通常用于在 Redux 中创建异步 action。...thunk 中间件检查每个动作，看看它是否是一个函数。如果是，中间件调用该函数，并传入一些 store 的方法：dispatch 和 getState。怎么会这样？...2.effect action：触发异步 action，这可能会调用reducer操作，但异步函数不会直接更改任何状态。

1.5K5 0

React面试八股文（第一期）

但是在已经使用redux来管理和存储全局数据的基础上，再去使用localStorage来读写数据，这样不仅是工作量巨大，还容易出错。那么有没有结合redux来达到持久数据存储功能的框架呢？...组件获得新的状态，然后React决定是否应该重新渲染组件。只要组件的state发生变化，React就会对组件进行重新渲染。...当React将要渲染组件时会执行shouldComponentUpdate方法来看它是否返回true（组件应该更新，也就是重新渲染）。...但是之前数据结构不支持这样的实现异步 diff，于是 React 实现了一个类似链表的数据结构，将原来的递归diff 变成了现在的遍历diff，这样就能做到异步可更新了react-router里的<...在非受控组件中，可以使用一个ref来从DOM获得表单值。而不是为每个状态更新编写一个事件处理程序。

3.1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭