Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs react中的大量数据处理_Reactjs_Redux - Fatal编程技术网

Reactjs react中的大量数据处理

Reactjs react中的大量数据处理,reactjs,redux,Reactjs,Redux,我正在使用react with redux进行开发。 我在数据库中有大约20000行。我需要在屏幕上向用户显示列表,每次10行。我还对列表应用了排序和过滤器。 我可以想出两个选择 只在redux状态下存储组件的UI状态,并使用ajax/fetch为每个页面带来数据。这样,所有排序和过滤器都应用于服务器端,一次只能显示10行 将所有数据一次带到redux状态并显示10条记录。这样,我们就不会再次向服务器请求数据,因为所有排序和过滤器都应用于状态中存储的数据中 什么是更好的选择/实践?通常您不希望在

我正在使用react with redux进行开发。 我在数据库中有大约20000行。我需要在屏幕上向用户显示列表,每次10行。我还对列表应用了排序和过滤器。 我可以想出两个选择

  • 只在redux状态下存储组件的UI状态,并使用ajax/fetch为每个页面带来数据。这样,所有排序和过滤器都应用于服务器端,一次只能显示10行

  • 将所有数据一次带到redux状态并显示10条记录。这样,我们就不会再次向服务器请求数据,因为所有排序和过滤器都应用于状态中存储的数据中


  • 什么是更好的选择/实践?

    通常您不希望在客户端存储成千上万的值,这通常会对用户体验产生负面影响,具体取决于数据的类型等等。比如每个请求得到250个结果,然后在前端一次翻页10个。然后,如果他们超出这个范围,用数据库中的下一个250替换现有的250。这样,您就不会对每个页面都执行DB请求,也不会在浏览器中存储整个表。@Skypeckes 10只是一个数字,例如,我们可以随时更改它time@Jayce444谢谢,是的,我同意。获取较大的数据并将其保持在组件状态是内存密集型的,建议服务器端分页是一个好主意