Reactjs 在React和Redux存储中构造数据

Reactjs 在React和Redux存储中构造数据,reactjs,redux,model,store,Reactjs,Redux,Model,Store,我有一个非常简单的情况,但我不知道什么是关于设计原则和效率的最佳方法。这也是一种非常常见的设计情况,如下所述: 模型:所以我有一些数据(项目列表),从API获取。我将它们作为对象列表保存在redux存储中。假设一个Item对象具有属性{a,b,c,d,e,f,g,h} 观点:我在react中有两个不同的组件。在这两个组件中,我都需要存储区中的Items数据,但是在一个组件中,我只需要包含Items和属性{a,b,c}的列表,在另一个组件中,我需要包含对象{a,b,c,d,e,f,g,h}的所有

我有一个非常简单的情况,但我不知道什么是关于设计原则和效率的最佳方法。这也是一种非常常见的设计情况,如下所述:

  • 模型:所以我有一些数据(项目列表),从API获取。我将它们作为对象列表保存在redux存储中。假设一个Item对象具有属性{a,b,c,d,e,f,g,h}
  • 观点:我在react中有两个不同的组件。在这两个组件中,我都需要存储区中的Items数据,但是在一个组件中,我只需要包含Items和属性{a,b,c}的列表,在另一个组件中,我需要包含对象{a,b,c,d,e,f,g,h}的所有属性的更详细的页面
所以问题是,我应该如何在商店或应用程序中构建这个项目列表?在组件中使用包含所有项数据的列表,其中我只需要每个项中的{a,b,c}就可以了吗?我是否应该复制存储区中的数据,只是为了有另一个只包含{a,b,c}的“较小”项的列表,以便于显示。是否有一个好地方可以从较大的对象列表中创建较小的对象列表?它在以任何方式对性能作出反应时是否很重要