我应该在 Redux App 中哪里处理排序?

2023-12-21

我有一个动作/减速器/组件。在我的一个组件(组件转储)中,我有一个选择。我获得有关我的商店的过滤器类型的信息。我可以在action或reducer中在哪里处理它?


IMO,对数据进行排序的正确位置不是直接在减速器中,而是在选择器.

来自 redux 文档:

计算衍生数据 https://redux.js.org/recipes/computing-derived-data

Reselect 是一个简单的库,用于创建记忆化、可组合的选择器函数。重新选择选择器可用于高效计算来自 Redux 存储的派生数据。

我目前正在使用选择器来过滤和排序数据。

  1. 状态下无数据重复。您不必存储按某种特定方式排序的项目的副本。
  2. 相同的数据可以在不同的组件中使用,例如,每个组件使用不同的选择器函数进行排序。
  3. 您可以使用应用程序中已有的选择器来组合应用许多数据计算的选择器。
  4. 如果你做对了,你的选择器将是纯函数,然后你可以轻松地测试它们。
  5. 在许多组件中使用相同的选择器。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我应该在 Redux App 中哪里处理排序? 的相关文章

  • 浏览器刷新不起作用,spring boot + React

    当我们点击浏览器刷新时 它会返回403 我正在尝试使用 WebMvcConfigurer addViewControllers 进行修复 我们正在使用 React 并更改 url 例如 在浏览器中 http localhost 8080 a
  • React Router Navigate 路径

    我想更好地了解 useNavigate 的工作原理 因为我并不真正理解该模式 这是我的路线
  • 为什么 React 会删除我的类名?

    我正在学习 Reactjs 并且正在使用一些组件渲染一个简单的页面 该组件之一是 class Header extends React Component render return
  • React 中多个输入元素的单个处理程序

    我需要从子组件更新我的顶级状态 为此 子组件有多个选择列表 在我的子组件中 constructor props this updateNoOfSets this updateNoOfSets bind this this updateNoO
  • Typescript 中的 React createContext 问题?

    所以我在使用 React Context Typescript 时遇到了一个非常奇怪的问题 工作示例 https codesandbox io s 7jk69315l0 在上面的示例中 您可以看到我正在尝试做的实际工作 本质上 我使用新的
  • React Hook useReducer 总是运行两次

    安装组件后 我正在从公共 API 加载数据 加载数据时 我将其传递给减速器 但它总是触发两次 这就是我所拥有的 function MyComponent props function reducer data action switch a
  • 类型错误:Object(...) 不是react-redux 中的函数

    当我尝试在react redux 中 createStore 时 我收到了这个奇怪的错误 我不知道为什么 因为我之前在不同的应用程序中这样做过 但它工作得很好 TypeError Object is not a function src i
  • CSS动画从右到左动态

    我面临的问题是 我有一个从右到左的动画文本 该文本根据语言集而变化 是什么导致文本的总宽度也发生变化 在这张图中 我想要的效果工作正常 因为一些属性是固定的 现在 当我更改更长的文本时 问题就出现了 所以 这就是我现在所拥有的 这就是我想要
  • 检索设备信息 React-Native iOS

    嘿 我正在尝试从 iPad 获取设备信息 我尝试过使用https github com rebeccahughes react native device info https github com rebeccahughes react
  • 使用react-vis在x轴上以(MM-DD)格式显示日期

    我正在尝试在我的项目中实现react vis 我需要根据日期显示数据 我正在使用tickFormat 但它在x轴上显示了两次相同的日期 我在这里添加了几行代码
  • 如何在 Nextjs 中对 CSS 类名进行哈希处理?

    我怎样才能编辑localIdentName现场css loader在 Nextjs 的 Webpack 配置中 以便我可以散列 隐藏 混淆 css 类名 下面的例子来自 纽约时报 注意类名 此线程上的所有答案都不适用于较新的 Next js
  • 无法使用 Vite 作为 ReactComponent 导入 SVG

    尝试使用这个库 vite 插件 react svg https www npmjs com package vite plugin react svg 并且通过导入它没有成功 import ExternalLink from assets
  • React 16.7 - React.SFC 现已弃用

    我用来声明无状态组件 如下所示 const example React SFC
  • React 从 location.state 访问自定义状态字段

    我正在尝试在登录后实现重定向 但是 当进入登录页面时 将会传递自定义路由 该路由因按下的按钮等而异 import useLocation from react router dom const Login FC JSX Element gt
  • 准备要在 npm 上发布的 React 组件

    我有一个想要在 npm 中发布的组件 我只是通过从项目中的组件文件夹导入它来进行测试 我设法发布它 但现在我得到 node modules 中出现错误 index js 模块 解析失败 意外的标记 11 8 您可能需要一个适当的 加载器来处
  • fetch API 不通过 post 发送数据

    我在使用 Fetch API 通过 post 发送数据时遇到问题 服务器只收到一个空的 JSON 有人能帮我吗 基本上 我正在更新状态数据并将其发送到 API 提交的数据 请求 submitedData async event gt eve
  • 为什么 React 组件在 props 没有改变的情况下会重新渲染?

    我在 ReactJS 16 8 5 和 React Redux 3 7 2 上构建了一个应用程序 当应用程序加载应用程序安装时 将设置初始存储并针对 Firebase 实时数据库设置数据库订阅 该应用程序包含侧边栏 标题和内容部分 通过使用
  • React 和 ES6 继承

    Note 这篇文章是在 React 不支持 ES6 v12 时发布的 我有一个 ES6 课程 class BaseClass getInitialState return message Hello render return div di
  • 单击

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我知道如何用 jquery 做到这一点 但我被 React 困住了 每当用户点击 div 时 我如何聚焦输入字段 你需要有一个onCl
  • React.js - 使用自定义路径运行 npm run build

    Running npm run build命令开启create react app项目在所有文件中创建一个构建文件夹和一些默认路径 例如在地图文件中 version 3 sources static js main 500cb0d9 js

随机推荐

  • 在ExtJS中,当我显示网格时如何加载商店?

    在ExtJS中 当我显示网格时如何加载商店 我希望商店仅在显示网格时加载 用户单击按钮来显示网格 因此预先加载商店是浪费的 我尝试过afterrender侦听器 但它在错误的位置呈现负载掩码 并且afterlayout每次调整网格大小时 侦
  • SpringBoot @WebMvcTest 和 @MockBean 未按预期工作

    看起来 WebMvcTest and MockBean没有按预期工作 也许我错过了一些东西 我有一个带有一些我正在嘲笑的依赖项的控制器 MockBean 但是应用程序无法启动 因为它找不到另一个我认为在这种情况下不需要的 bean 控制器
  • 为什么 joint_tests 函数(emmeans 包)的结果没有显示模型的交互之一?

    我运行 GLMM adaptive 模型 我正在执行资源选择函数 并且使用 joint tests 函数 emmeans 包 来计算模型中项的联合测试 问题是其中一种相互作用没有出现在结果中 模型是 mod hinc lt mixed mo
  • 批量 - 根据最后 2 个字符复制文件夹

    我在网上搜索后找不到解决方案 或者无法使它们适应我的问题 我希望仅当任何子文件夹的最后两个字符为 14 时 才能批量从文件夹 TEMP 几千个子文件夹 复制子文件夹 for d f in temp 14 do md c somewhere
  • Js 音频音量滑块

    我对此很陌生 我有一个问题 如何放置音量滑块 谢谢你 我暂时找不到任何适合我的代码 希望您的帮助 HTML a class fa fa play JavaScript a
  • PyPlot 将替代 y 轴移动到背景

    在 pyplot 中 您可以使用以下命令更改不同图形的顺序zorder选项或通过更改顺序plot 命令 但是 当您通过添加替代轴时ax2 twinx 新轴将始终覆盖旧轴 如文档 http matplotlib org api pyplot
  • Jersey 2.0 中 GZIPContentEncodingFilter 的等价物是什么

    我正在将 Jerset 1 x 客户端项目迁移到 Jersey 2 0 我找到GZIPContentEncodingFilter不再存在 有类似的东西吗 我绊倒了GZIPEncoder但不知道如何插入 在 Jersey 1 17 中我使用
  • 保存和恢复 Keras BLSTM CTC 模型

    我一直在研究语音情感识别深度神经网络 我使用了具有 CTC 损失的 keras 双向 LSTM 我训练了模型并保存了它 model json model to json with open ctc model json w as json
  • 将此 SQL 查询转换为 Linq(不存在 + 子查询)

    我希望将这个 SQL 转换为 LINQ 它应该从输入中选择基于3列的表生产中不存在的行 如果两个表中的列包含NULL 则应将其视为具有相同的值 SELECT i FROM INPUT AS i WHERE NOT EXISTS SELECT
  • Sass 的语法突出显示在 Vim 中不起作用

    我刚刚下载了一个用于 Sass 语法高亮的 Vim 插件 说明说 安装详细信息将其放入语法中 目录并添加 sass 文件类型 啊 BufRead BufNewFile sass设置文件类型 sass 在你的 filetype vim 中 我
  • R 中固定效应的 F 检验(面板数据)

    我正在尝试对面板数据 OLS 回归 在 R 中 的固定效应 个体特定的虚拟变量 的联合显着性进行 F 检验 但是我还没有找到一种方法来实现大量固定效应 理想情况下 我会在plm包 但是我还没有找到任何专门进行此测试的内容 这是 Stata
  • startWith() 运算符是否将 Observable 转换为 ReplaySubject(1)?

    如果我希望订阅者最初至少获得X 我可以用吗开始于 X 对于现有的 Observable streamFromLibrary startWith X subscribe myHandler I want myHandler to not wa
  • C++11 move(x) 实际上意味着 static_cast(x)? [复制]

    这个问题在这里已经有答案了 刚读完 Stroustrup 的 C 编程语言 第 4 版 他在第 7 章中说道 move x means static cast
  • Vue js 切换每个元素的类

    虽然 Vuejs 中有很多切换类的例子 但我还没有找到一个可以切换类来缩小元素范围的例子 如果我像这样定义一个全局变量 data toggle false 当我有一个元素时 我会遇到问题 比如这个导航栏 ul class menu li c
  • Pandas json_normalize 的逆

    我刚刚发现 json normalize 函数 它在获取 JSON 对象并给我一个 pandas Dataframe 方面效果很好 现在我想要反向操作 它采用相同的 Dataframe 并给我一个 json 或类似 json 的字典 我可以
  • Django管道生成空文件

    我的 django 项目中有几个应用程序 我正在使用管道来压缩文件 并且一切正常 但我有一个名为 mypage 调用后生成的每个文件collectstatic是空的 如果我从mypage static进入另一个应用程序静态文件夹 它已正确生
  • 鼠标悬停时启动 GIF,否则暂停?

    因此 我尝试将这些图像放在我正在构建的页面的侧边栏上 这些图像是静态的 但当您将鼠标悬停时 它们会以 gif 形式呈现动画 我当前的设置是background imagecss 属性图像通常是静态 jpg 但在鼠标悬停时更改为动画 gif
  • 如何在 recyclerview 中创建带有数字和字母气泡的自定义滚动条等材质设计

    在许多新的 Android 应用程序及其最新更新中 这些应用程序 主要是材料设计 都有一个带有字母和数字的自定义滚动条 同时用拇指滚动滚动条 字母或数字出现在拇指旁边 我已将屏幕截图附加到滚动条的问题应用程序 联系人 Screenshot
  • 任务完成后才显示进度条

    我一直在尝试将进度条设置为选框 以便在另一个功能运行时继续移动 该函数运行后 我会显示消息 对于本例 我能够完成这项工作的唯一方法是与后台工作人员一起工作 然后有一个 做 循环直到在主窗体中运行的条件 直到操作完成 然后是我的消息框 这似乎
  • 我应该在 Redux App 中哪里处理排序?

    我有一个动作 减速器 组件 在我的一个组件 组件转储 中 我有一个选择 我获得有关我的商店的过滤器类型的信息 我可以在action或reducer中在哪里处理它 IMO 对数据进行排序的正确位置不是直接在减速器中 而是在选择器 来自 red