javascript - 将不同组件的相关数据保存到 Redux store

Question

我正在开发一个使用 Redux 存储来管理应用程序状态的 ReactJS 应用程序。

该应用程序具有允许用户从页面上的各种下拉/选择元素提交过滤器的功能。这些下拉/选择过滤器元素连接到 Redux 存储，因此当发生各种事件时，例如用户选择一个值，然后此数据将保存到 Redux 存储。

我正在开发一个过滤器组功能，用户可以在页面上创建“过滤器组”，然后在组内创建多个过滤器实例并从中选择值。目前 Redux 存储只保存每个过滤器值的一次实例。

每当用户在页面上创建过滤器组时，我想将过滤器组 ID 和其中过滤器的选定值保存到 Redux 存储。

我最初的想法是在每个下拉过滤器组件上设置一个过滤器组 ID 属性，因此当过滤器组件中的某个操作被触发时，过滤器组 ID 可以方便地将其保存到商店。我担心的一个问题是 - 如果用户从页面中删除过滤器的实例，Redux 存储中的数据会发生什么情况？该实例保存的任何数据是否也会从存储中删除？如果没有，我该如何处理？

除了我上面概述的问题之外，获得有关实现“过滤器组”功能的替代方法的建议/建议会很有帮助。

非常感激！

标签： javascriptreactjsredux