首页
学习
活动
专区
工具
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

77830

像踢球一样玩转Redux和React

也就是说用户操作view时产生action,action通过dispatcher分发到不同的store,store里面保存状态(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.4K70
  • 浅谈前端状态管理

    有了 React,state => view的思想也就有了很好的实践,但反过来呢,怎么在 view 中合理地修改 state 成为了一个新的问题,为此,Facebook 提出了 Flux 思想。...store 将 reducer 生成的新 state 树保存下来,然后就可以用新的 state 去生成新的视图,这一步可以借助一些库的帮助,例如官方推荐的 React Redux。...这时问题来了,Vuex 中为什么要增加 action 这一层呢,是多此一举吗?...当然不是,在知乎上有这样一个问题可以当做很好的栗子:Vue.js中ajax请求代码应该写在组件的methods中还是Vuex的actions中?...上文提到,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.4K60

    像数据库一样设计你的 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 组件一直更像是函数。...React中refs的作用是什么?有哪些应用场景? 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 组件一直更像是函数。...React中refs的作用是什么?有哪些应用场景? 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思想的服务,将数据从视图中抽离的一种方案。...React中refs的作用是什么?有哪些应用场景? 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.3K20

    滴滴前端常考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.7K10

    从设计的角度看 Redux

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

    1.7K30

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

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

    8.5K20

    手写一个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触发回调,想到了什么,这不就是发布订阅模式吗?

    49841

    React进阶(1)-理解Redux

    image.png 前言 在React中,数据流是单向的,并且是不可逆的,这其实,也很好理解,之所以这么设计,是因为组件复用的特点 父(外部)组件向子(内部)组件传递数据是通过自定义属性props...与使用Redux的灵魂对比  不使用Redux与使用Redux的灵魂对比 下面这张组件树状态图的对比就很好的解释了使用Redux与不使用Redux的区别 image.png 一个React应用(例如...的工作流程了,下面这个流程图对于理解Redux很重要 先附上一张Redux工作流的流程图:以后会在代码中逐步的体现 上面的Redux工作流图中,以中间为准:包括了Store,ReactComponents...上,这一点是不同于Flux的,在Flux中允许有多个store。...,React是用作于视图层的渲染,也相当于MVC中的V层,而Redux它是用于管理组件公共数据的Model层,更近一步讲,它是Reducer与Flux的一种结合,改进.

    1.5K22
    领券