Redux 状态 - 最大推荐大小

2024-06-19

我正在构建一个项目管理应用程序,但我仍然在努力解决一个问题 - 在 Redux 状态中存储什么以及“按需”加载什么。

Redux 状态是否有已知的“最大推荐大小”?几十千字节、几百千字节、兆字节单位……?


请记住,归根结底,Redux 只是“如何”将信息保存在内存中的范例。它不会增加或减少您正在跟踪的数据量。

举个例子:假设您的应用程序正在跟踪待办任务。在 Redux 之前,您有一个具有以下伪结构的 React 类:

class TaskList {
  state = { tasks: [] }
  componentWillMount => goGetTheTasks().then(tasks => this.setState({ tasks }))
  render = <div>{this.state.tasks.map()}</div>
}

使用 Redux,您的商店看起来像这样:

{
    tasks: []
}

在这两种情况下,您都在内存中保存相同的数据(相同的任务数组)。

也许您可以进一步表达您对您的州变得太大的某些担忧。另请记住,您可以放入商店的任何东西都可以从商店中取出。而且,您也不必将每个字节都放入您的一个存储中。仍然想对某些事情使用组件状态吗?这取决于您,但您将失去从中央源访问数据的优势。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Redux 状态 - 最大推荐大小 的相关文章

  • React Draft.js Wysiwyg:如何以编程方式在光标位置插入文本?

    我正在使用反应草案所见即所得 https jpuri github io react draft wysiwyg 我需要将应用程序的一个组件中的任意文本插入到编辑器组件中 我通过剪贴板作为从一个组件传输到另一个组件的中介来执行此操作 但是d
  • React Router 不渲染组件

    我想创建一个带有登录名的 React 应用程序 为了维护用户状态 我想使用上下文API https reactjs org docs context html随 React 16 3 引入 在实现登录路由时 我遵循了React Router
  • redux 与路由器在更改 url 时保持状态

    我有这个问题 我有一个简单的路由技术包裹在 redux 中 如下所示
  • 在 componentDidMount 内部的回调中设置状态

    我目前正在使用React 16 3 React Native 编写here https reactjs org blog 2018 03 29 react v 16 3 html 这表明我SHOULD在 componentDidMount
  • HOC 中的样式化组件

    我想使用高阶组件将样式添加到我的组件包装器中 打字稿说有错误ComponentWithAdddedColors type Props bg string function withColors
  • 将 json 对象返回给 render 方法 - React.js

    我正在消费pokeapi https pokeapi co 对于一个个人项目 并且想在做的同时学习 React 一旦成功从 api 检索到所需信息 如下所示 handleSubmit event axios get https pokeap
  • Material UI + 酶测组件

    我在 React 中有一个组件 我正在尝试用 Jest 测试它 不幸的是测试没有通过 组件代码 import React Component from react import ProductItem from ProductItem Pr
  • React Router 深度链接

    这是我第一次使用 React 和 React Router 我遇到了一些深层链接问题 我构建了一个简单的 SPA 在 React Router 的帮助下 我可以导航到 mysite com work mysite com about 和 m
  • 如何禁用和隐藏反应表的分页页脚?

    我是反应表的新手 目前 我有一个 5 行表要在反应表上渲染 并且不需要分页功能 我了解关闭分页 可以通过以下方式完成 pagination false 但是分页控件仍然显示 有办法隐藏它吗 我刚刚找到道具showPagination fal
  • React Native动态webview高度

    我有 WebView 内容 它根据内容量改变它的高度 所以我找到了一种方法 如何通过document title属性onNavigationStateChange来获取内容的高度 看起来像这样 let html 以及 onNavigatio
  • 在 TypeScript 中使用高阶组件来省略使用时的 React 属性

    我正在尝试在 TypeScript 中编写一个高阶组件 它接受一些 React 组件类 包装它 并返回一个省略了声明的属性之一的类型 这是我尝试过的 interface MyProps hello string world number i
  • ReactJS - 排序 - TypeError: 0 是只读的

    我试图在将对象映射到reactjs之前对其进行排序 但每次这样做时 我都会不断收到 TypeError 0 is read only 我注意到加载时 props 是空的 但即使当我试图检查数组的长度并且仅在它大于 0 时应用排序 或者当数组
  • 如何使用 Jest 和 React 测试库测试 className

    我对 JavaScript 测试完全陌生 并且正在使用新的代码库 我想编写一个测试来检查元素上的 className 我正在和 Jest 一起工作反应测试库 https testing library com docs react test
  • 如何在react中导出csv对象

    我试图弄清楚是否有任何方法可以使用 React 在我的网页上单击 导出 按钮来下载 csv 文件 这是我现在在组件下的内容 div div
  • React-Router 在路由更改时重新安装组件

    我有一个连接 到 redux 存储 的组件 我有多个路由都在渲染道具中使用此组件 每次路线改变时 整个组件似乎都被重新安装 有什么办法可以防止这种情况发生吗 我的第一个想法是 我可能每次都会重新实例化组件 因为 render prop 是一
  • 如何将数组中的字段附加到反应中的表单数据中?

    我是一名后端开发人员 主要工作于Django Rest 框架 我在 axios 后调用中发送图像时遇到一些问题 前端在这里发送这样的对象 merchant 2 category 7 brand 7 name picture55test be
  • React 组件内的导出函数或组件外同一文件中的访问状态

    我有一个需要从文件中导出的函数 但同时 我需要在更新时利用反应状态重新渲染 似乎不太可能从类内部导出函数 那么如何从类外部的函数更新状态呢 import React Component from react export function
  • React Redux:调度时无限循环

    我发现这个问题很常见 但我没有找到适合我的情况的解决方案 我正在尝试使用 React 和 Redux 以及 Redux thunk 将用户重定向到 React Native 中的另一个导航器 如果我只显示主屏幕 它工作正常 但是当我从登录屏
  • 如何在网页中渲染 Blender 模型?

    因此 我探索了在网络应用程序中渲染搅拌机模型的多种选项 现在我将模型导出为 gltf格式 这是我的代码 App js import React Suspense from react import App css import Model
  • Mongoose 在结果的 _id 字段中返回“new ObjectId”

    当我尝试查询时 结果包含 id其中包含 new ObjectId 的字段 如何避免这种 new ObjectId 并仅将哈希值包含为字符串 由于此问题 将数据作为 JSON 响应发送回失败 下面是一个基本的demo 我的查询代码 book

随机推荐