什么是在Redux商店中存储和访问表数据的正确方法

时间:2017-12-28 20:33:09

标签: reactjs redux

我对ReactJS和Redux很新(但一般来说不是开发)。我试图确定如何最好地接近我建造的SPA。

我的应用会通过API下载数据集并将其显示在电子表格中。我想使用Redux来存储数据。这是正确的方法吗?我们可能会看到非常大的数据集。仅存储当前在电子表格中呈现的数据是否更合适?

我完全迷失了一种方法,这种方法在渲染速度和内存管理方面非常有效,同时也注意到潜在的网络问题,因为从API请求了数据行。

...谢谢

1 个答案:

答案 0 :(得分:0)

当您使用react / redux应用程序时,通常会有两个选项来存储您的状态:本地组件状态或redux。有很多博客文章详细说明了每个帖子的适用时间。 This github issue comment from Dan Abramov,Redux的创造者之一,非常简洁地总结了

  

将React用于对全局应用程序无关紧要的短暂状态,并且不会以复杂的方式进行变异。例如,某个UI元素中的切换,表单输入状态。将Redux用于全局重要或以复杂方式变异的状态。例如,缓存用户或帖子草稿。

     

有时候你想要从Redux状态转移到React状态(当在Redux中存储东西变得笨拙时)或者反过来(当更多组件需要访问某些曾经是本地的状态时)。

     

经验法则是:做任何不那么尴尬的事情。

组件状态和redux状态都可以使用,所以在选择时我不会太担心。根据您的描述,我要问的问题是

  • 我是否需要加载多个数据电子表格,但不能同时显示所有数据?例如,您可能有多个电子表格标签,并且您希望能够通过它们进行制表,而无需每次都重新获取数据
  • 我是否需要在很多不同的地方访问电子表格数据,或者它是否相当本地化?
  • 我是否可以修改电子表格中的数据,如果是这样,使用redux执行这些修改有多困难?

很可能还有其他考虑因素。一般来说,给出的建议是坚持使用React本地组件状态直到它开始感觉尴尬,然后在那时移动到redux。通常情况下,组件状态就是您所需要的,如果不是,您将更好地了解redux帮助的情况。