在客户端进行排序和过滤。应该如何处理?

Sorting and Filtering on the client side. How should approach this?

来自后端的 GraphQL API 提供了大约 10000 多个项目的表格信息(规范化数据)(即联系信息:姓名、职位、公司、phone 号码、电子邮件...)

在前端接收到这个数据。我想按字段排序并按关键字搜索和过滤。

我想的方法是,一旦数据通过 graphQL API 接收到组件,我就可以触发 onclick 事件来调用组件内的排序等功能。

这是一种幼稚的做法吗?有没有更好的方法来处理这个问题?

我想处理排序的最好方法应该是在服务器端处理它。如果你真的想在客户端这样做,你应该首先按原样显示数据,然后在用户更改排序或关键字时触发 onChage

我建议您使用 lodash 库:https://www.npmjs.com/package/lodash 进行排序和过滤。

这里有一些有用的link,可以告诉您有关服务器端和客户端排序的更多信息。

https://www.c-sharpcorner.com/forums/difference-between-client-side-paging-and-server-side-paging

Pagination: Server Side or Client Side?

Where data sort should be done ? Server or client?

https://softwareengineering.stackexchange.com/questions/249897/web-app-filtering-information-client-side-vs-server-side