Redux的思考

Question

在设计一个示例应用程序时，我试图理解redux。我混淆了状态和数据模型的概念。

注意:我不使用Reactjs。

示例App.的背景

2个表格网格：

网格A:我网站上的成员名单。

网格B:在网格A中选择的成员的所有订单列表。

• 所以这个应用程序的最终用户一次只能从Grid中选择一个成员。
• 最终用户也可以在Grid A中输入用户名，我的后端服务将返回该成员的详细信息(对于网格A) &所有他们过去的订单(网格B)。

Redux问题

1. 我的后端服务对我在Grid或B中列出项目的顺序一无所知。谁应该维护网格中的项目顺序？是商店的责任还是组件的责任？
2. 谁维护在网格A中单击哪个成员？？我的后端服务，返回给我所有的成员和他们的命令。它不知道在UI上选择的成员。

好的做法是，让组件保存这些信息，然后在从存储区获得的数据中刷新用户界面( UI )？

Answer 1

Redux是用来保存当前应用程序状态的。但是如何显示它取决于您的组件。

1. 实际上，这取决于一个应用程序。有些应用程序有很多相似的表，还有一些组件库，在组件内部处理排序逻辑。但是，如果您的所有应用程序都基于几个表，那么在商店中添加一个属性是有意义的，该属性指示您的表应该如何排序，比如：membersSortingType: [asc, desc, none]。然后将members和membersSortingType传递给一个函数，该函数执行排序并返回一个新的membersList，然后可以传递给您的组件。
2. 这里也是如此，当您单击某个项时，您可以将其保存到存储区(如：currentMember: id )，并且要获取应该在组件中呈现的数据，只需将成员id和所有订单传递给将进行某些筛选的函数。因此，每当您选择新成员时，所有内容都会自动更新。