在客户端进行排序和过滤。应该如何处理?
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?
来自后端的 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?