首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在redux store中保存多个图像是一种很好的做法吗?

在redux store中保存多个图像不是一种很好的做法。Redux是一个用于管理应用程序状态的JavaScript库,它的设计目标是将应用程序的状态集中管理,并通过单向数据流的方式进行状态更新。Redux store应该用于存储应用程序的全局状态数据,而不是用于存储大量的图像数据。

将大量的图像数据存储在redux store中会导致存储空间的浪费,并且会增加数据的传输和处理的复杂性。Redux store应该保持轻量级和高效,只存储与应用程序状态相关的数据。

对于多个图像的管理,更好的做法是将图像存储在服务器或云存储中,并在redux store中存储图像的URL或标识符。当需要显示图像时,可以通过URL或标识符从服务器或云存储中获取图像数据。

推荐的腾讯云相关产品是对象存储(COS),它是一种安全、稳定、高扩展性的云存储服务,适用于存储和处理大量非结构化数据,包括图像、音视频等。您可以使用腾讯云对象存储(COS)来存储和管理您的图像数据。您可以通过以下链接了解更多关于腾讯云对象存储(COS)的信息:

腾讯云对象存储(COS)产品介绍:https://cloud.tencent.com/product/cos

请注意,以上答案仅供参考,具体的最佳实践和解决方案应根据实际需求和情况进行评估和选择。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

每日两题 T35

看过dva源码redux redux是 JavaScript 状态容器,提供可预测化状态管理。 应用中所有的 state 都以一个对象树形式储存在一个单一 store 。...redux 有且仅有一个 store 和一个根级 reduce 函数(reducer)。...随着应用不断变大,你应该把根级 reducer 拆成多个 reducers,分别独立地操作 state 树不同部分,而不是添加新 stores。...redux-saga与其他redux中间件比较 •redux-thunk 缺点在于api层与store耦合,优点是可以获取到各个异步操作时期状态值,比较灵活,易于控制 •redux-promise优点是...api层与store解耦,缺点是对请求失败,请求情形没有很好处理 •redux-saga 优点是api层与store解耦,对请求,请求失败都有完善处理,缺点是代码量较大 References

77530

像踢球一样玩转Redux和React

也就是说用户操作view时产生action,action通过dispatcher分发到不同storestore里面保存状态(state)信息,然后view监听到store状态变化后,进行view...3) 只有一个store(树形结构),state 以单一对象存储 store 对象, 它是只读,只能使用函数reducer对其进行更新(其实是返回新state对象)。 2....Redux对比Reflux: Redux Reflux store 只有一个,以state形式存在 有多个store 数据相关操作 actions中进行 store中进行 返回数据 返回一个新state...Redux React 绑定库包含了容器组件和展示组件相分离开发思想。 明智做法是只最顶层组件(如路由操作)里使用 Redux。...4.Redux普元数字化企业云平台中应用 我们先来看一下普元数字化企业云平台整体逻辑(红框标记是前端所处位置): ? 再来看一下主前端数据流动: ?

1.3K70
  • 浅谈前端状态管理

    有了 React,state => view思想也就有了很好实践,但反过来呢,怎么 view 合理地修改 state 成为了一个新问题,为此,Facebook 提出了 Flux 思想。...store 将 reducer 生成新 state 树保存下来,然后就可以用新 state 去生成新视图,这一步可以借助一些库帮助,例如官方推荐 React Redux。...这时问题来了,Vuex 为什么要增加 action 这一层呢,是多此一举?...当然不是,知乎上有这样一个问题可以当做很好栗子:Vue.jsajax请求代码应该写在组件methods还是Vuexactions?...上文提到,Mobx 只专注于从 store 到 view 过程,所以业务逻辑规划没有一定标准遵循,社区目前也没有很好最佳实践,需要开发者们实际开发积累经验,规划好代码。

    1.2K40

    Rematch: Redux 重新设计

    本文中,我们将探讨一些你可能一直问自己问题: 你是否需要一个用于状态管理库? Redux 受欢迎程度是否值得我们去使用? 为什么或者为什么不值得? 我们能否制定更好状态管理解决方案?...Provided State (供给状态) 状态保存在根 provider (提供者) 组件,并由 consumer (消费者) 组件树某个地方访问,而不考虑组件之间层级关系。...为什么使用 Redux 表层之下,Redux 与 TJ 根对象{}完全相同——只是包装在了一系列实用工具管道(pipeline) Redux ,不能直接修改状态。...许多方面,thunk 工作方式看起来更像是一个聪明黑客,而不是官方推荐解决方案。...一个简单 action 到底是作为一个动态类型对象、一个函数,还是一个 Promise?这难道不是一种拙劣实践? 如上图右边所示,难道我们就不能只使用 async/await ? 4.

    1.6K50

    带你玩转小程序开发实践|含直播回顾视频

    与传统 HTML 相比,WXML 更像是一种模板式标签语言 从实践体验上看,我们可以从小程序视图上看到 Java FreeMarker 框架、Velocity、smarty 之类影子。...用法也很简单,我们把上述代码保存在一个 js 文件,比如 utils/toPromise.js,然后 app.js 引入就可以了: import "....实现组件通信 React 项目中 Redux 是如何工作 单一数据源 整个应用 state 被储存在一棵 object tree ,并且这个 object tree 只存在于唯一一个 store...然后 app.js 引入,并植入到小程序全局: //app.js import Store from './reducers/index' App({ Store, }) 2..../shallowEqual' // 获取我们 app.js 植入全局变量 Store let __Store = getApp().Store // 函数变量,用来过滤出我们想要 state,方便对比赋值

    1.3K60

    像数据库一样设计你 redux 数据结构

    使用索引可以从多个维度表现数据。 最近我RC聊天系统浏览关于 JavaScript 一些讨论时,注意到了Kate Ray一个问题: 应该怎样 redux 存储结构化我数据?...的确,这是使用redux时最常见问题之一。 有很多需要考虑东西,你经常会像访问一个行列表一样遍历数据? 你需要以O(1)时间复杂度快速访问某些条目?...我在实践得到了一些经验,通常在访问时间和迭代难易程度之间做一些权衡。 一些常见方法 如果你需要存储一些每个项目都带有id数据,可以使用Array, Object, 或者 对象数组来保存。....]},] 把它像数据库一样构造成由id对行进行索引结构 在学习redux过程,我Monadical偶然发现了一种不同方法,它使我们受益于简单Object.values(state.categories...Redux 和 Normalizr 与 Reselect 配合很好,如果你关心性能,并且喜欢有一个中央列表记忆选择器,可以关注一下。

    1.3K20

    2021前端react面试题汇总

    ); 支持将store与React组件连接,如react-redux,mobx- react; (2)区别 Redux更多是遵循Flux模式一种实现,是一个 JavaScript库,它关注点主要是以下几方面...,且没有任何其他影响数据 对比总结: redux将数据保存在单一store,mobx将数据保存在分散多个store redux使用plain object保存数据,需要手动处理变化后操作;mobx...∶ redux与vuex都是对mvvm思想服务,将数据从视图中抽离一种方案。...为了解决这些问题,Hook 使你非 class 情况下可以使用更多 React 特性。 从概念上讲,React 组件一直更像是函数。...Reactrefs作用是什么?有哪些应用场景? Refs 提供了一种方式,用于访问 render 方法创建 React 元素或 DOM 节点。

    2K20

    2021前端react面试题汇总

    ); 支持将store与React组件连接,如react-redux,mobx- react; (2)区别 Redux更多是遵循Flux模式一种实现,是一个 JavaScript库,它关注点主要是以下几方面...,且没有任何其他影响数据 对比总结: redux将数据保存在单一store,mobx将数据保存在分散多个store redux使用plain object保存数据,需要手动处理变化后操作;mobx...∶ redux与vuex都是对mvvm思想服务,将数据从视图中抽离一种方案。...为了解决这些问题,Hook 使你非 class 情况下可以使用更多 React 特性。 从概念上讲,React 组件一直更像是函数。...Reactrefs作用是什么?有哪些应用场景? Refs 提供了一种方式,用于访问 render 方法创建 React 元素或 DOM 节点。

    2.3K00

    2022前端社招React面试题 附答案

    ); 支持将store与React组件连接,如react-redux,mobx- react; (2)区别 Redux更多是遵循Flux模式一种实现,是一个 JavaScript库,它关注点主要是以下几方面...,且没有任何其他影响数据 对比总结: redux将数据保存在单一store,mobx将数据保存在分散多个store redux使用plain object保存数据,需要手动处理变化后操作;mobx...∶ redux与vuex都是对mvvm思想服务,将数据从视图中抽离一种方案。...Reactrefs作用是什么?有哪些应用场景? Refs 提供了一种方式,用于访问 render 方法创建 React 元素或 DOM 节点。...当在父组件需要访问子组件 ref 时可使用传递 Refs 或回调 Refs。 9. React组件构造函数有什么作用?它是必须

    1.7K40

    Redux从设计到源码

    本文主要讲述这三方面内容: Redux 背后设计思想 源码分析以及自定义中间件 开发最佳实践 Redux背后设计思想 讲设计思想前,先简单讲下Redux是什么?...差异:CQRS,write side和read side分属于两个不同领域模式,各自逻辑封装和隔离各自Model,而在Flux里,业务逻辑都统一封装在Store。...最大区别: Redux只有一个Store。 Flux中允许有多个Store,但是Redux只允许有一个,相较于Flux,一个Store更加清晰,容易管理。...它用法和最后效果可以看下上面左侧。 compose.js-->用于组合传入函数 ? compose这个方法,主要用来组合传入一系列函数,中间件时会用到。...Q3: middleware里调用dispatch跟调用next一样

    1.4K60

    【React】211- 2019 React Redux 完全指南

    我们已经讨论过 Redux 怎样一个独立 store保存你应用 state。以及怎样提取 state 一部分把它作为 props 嵌入你组件。...创建 Redux Store Redux 有一个很方便函数用来创建 stores,叫做 createStore。很合逻辑,嗯? 我们 index.js 创建一个 store。...我整理了一个如何在 Redux 里做 Immutable 更新完全指南,包含更新 state 对象和数组七个通用模式。 安装 Immer reducers 里面使用也是一种很好方式。...是的,Redux 就像一个霸道父母。但它是出于爱。函数式编程爱。 Redux 建立不变性基础上,因为变化全局 state 是一条通往废墟之路。 你试过全局对象里面保存 state ?...然后, index.js(或者其他你创建 store 地方),引入 redux-thunk 然后通过 Redux applyMiddleware 函数把它应用到 store

    4.2K20

    滴滴前端常考react面试题(附答案)

    即使使用了 JSX,也会在构建过程,通过 Babel 插件编译为 React.createElement。所以 JSX 更像是 React.createElement 一种语法糖。...React 团队并不想引入 JavaScript 本身以外开发体系。而是希望通过合理关注点分离保持组件开发纯粹性。Redux 中间件是怎么拿到store 和 action? 然后怎么处理?...redux applyMiddleware Api 源码每个middleware 接受2个参数, Store getState 函数和dispatch 函数,分别获得store和action,最终返回一个函数...为了合并setState,我们需要一个队列来保存每次setState数据,然后一段时间后执行合并操作和更新state,并清空这个队列,然后渲染组件。react-redux 实现原理?...通过 redux 和 react context 配合使用,并借助高阶函数,实现了 react-redux React ,refs 作用是什么Refs 可以用于获取一个 DOM 节点或者 React

    2.3K10

    设计师都能懂 Redux 指南

    一种简单方法是需要地方和时间获取和存储数据。这就像每个厨师直接从遥远农场购买蔬菜和肉类一样。 这种方法是很浪费。即使对于相同数据,我们也需要从多个组件多次请求服务器。...厨师会浪费大量汽油和时间来回奔波。 使用Redux,我们只获取一次数据并将其存储一个中心位置,称为 store。然后,任何组件都可以随时使用这些数据。...组件通常从 store 获取数据,而不是其他地方。这使得 UI 保持高度统一。 将数据绑定到 UI 元素 如果单单使用 React 的话,实际上有一种更好方法来获取和存储数据。...因此,如果你团队使用 Redux 唯一原因是为了提取数据,不妨认真考虑升级到 React 16.3! 改变数据 有时候,应用程序更新数据逻辑可能相当复杂。它可能涉及多个相互依赖步骤。...持久化和从状态启动 Redux 可以很容易地将应用程序中发生事情保存到本地存储。之后,即使电脑重启,应用程序也可以加载所有数据,并从完全相同位置继续运行,就像从未中断过一样。

    1.6K10

    从设计角度看 Redux

    一种简单方法是需要地方和时间获取和存储数据。这就像每个厨师直接从遥远农场购买蔬菜和肉类一样。 ? 这种方法是很浪费。即使对于相同数据,我们也需要从多个组件多次请求服务器。...厨师会浪费大量汽油和时间来回奔波。 使用Redux,我们只获取一次数据并将其存储一个中心位置,称为 store。然后,任何组件都可以随时使用这些数据。...组件通常从 store 获取数据,而不是其他地方。这使得 UI 保持高度统一。 ? 将数据绑定到 UI 元素 如果单单使用 React 的话,实际上有一种更好方法来获取和存储数据。...因此,如果你团队使用 Redux 唯一原因是为了提取数据,不妨认真考虑升级到 React 16.3! 改变数据 有时候,应用程序更新数据逻辑可能相当复杂。它可能涉及多个相互依赖步骤。...持久化和从状态启动 Redux 可以很容易地将应用程序中发生事情保存到本地存储。之后,即使电脑重启,应用程序也可以加载所有数据,并从完全相同位置继续运行,就像从未中断过一样。 ?

    1.7K30

    详解Android实现Redux方法

    Redux 架构基于一个严格单向数据流,应用所有数据都是通过组件一个方向上流动。Redux 希望确保应用视图是根据确定状态来呈现。...关于 Redux 在网上已经有很多相关资料,这里就只介绍下 Redux 核心三个组件: 1. Store保存应用状态并提供一些帮助方法来存取状态,分发状态以及注册监听。 2....应用里最好不要有多个 store 针对不同模块有不同 store 似乎是个不错主意,但从上面的可以看到每个 store 和其数据流是一个闭环系统,这就使得不同 store 之间状态难以同步。...更好做法是维护一个包含多个子状态全局应用状态,由一个 store 来表示: data class AppState(val LoginState, val HomeScreenState...Kotlin 类似 data class,when 语句之类特性,能让你代码清晰很多。例如, Reducer 匹配 action 时,可以选择用 instanceof 方法实现。

    92820

    手写一个Redux,深入理解其原理

    Redux基本概念主要有以下几个: Store 人如其名,Store就是一个仓库,它存储了所有的状态(State),还提供了一些操作他API,我们后续操作其实都是操作这个仓库。...本身就是一个单纯状态机,Store存放了所有的状态,Action是一个改变状态通知,Reducer接收到通知就更改Store对应状态。...: 'TAKE_MILK' }); // milk: 1 复制代码 自己实现 前面我们那个例子虽然短小,但是已经包含了Redux核心功能了,所以我们手写第一个目标就是替换这个例子Redux。...看看store上我们都用到了啥: store.subscribe: 订阅state变化,当state变化时候执行回调,可以有多个subscribe,里面的回调会依次执行。...store.getState:一个简单方法,返回当前state。 看到subscribe注册回调,dispatch触发回调,想到了什么,这不就是发布订阅模式

    49641

    如何在 React 应用中使用 Hooks、Redux 等管理状态

    而状态(state)是一个保存有组件信息对象。普通 JavaScript 函数没有存储信息能力。一旦执行完成,它们代码就会执行并“消失”。...值得一提是, React 应用程序并非所有组件都必须具有状态,也有无状态组件,它们只呈现其内容而无需存储任何信息,这也很好。... Redux store 是拥有所有应用程序状态信息实体。多亏 Redux,我们能够从任何想要组件访问 store(就像使用 context 一样)。...代码,你可以看到,对于每个 action,我们都声明了常量来代替普通字符串(这是一个可以提高可维护性做法),以及一些仅返回一个 type 或者 一个 type 和一个 payload 函数。...使用 store 方式与 Redux 类似,但不同之处在于, Zusand store 是一个 hook,它需要模板要少得多。

    8.5K20
    领券