使用远程排序,分页,过滤创建表

Lug*_*ino 8 reactjs redux

我在react/redux中真的很新.

我已经阅读并研究了所有文档和示例,现在我正在尝试创建一个表(不是固定数据表),从服务器收集的数据允许我执行分页,排序和过滤内容.

不幸的是我不知道如何继续,我找不到有用的例子来理解该怎么做.

有人可以给我一些例子来构建这些组件,并且他们可以通过redux进行通信吗?

Dan*_*mov 12

在React中思考是一个很好的指南,旨在让您熟悉React状态模型.它解释了如何使用过滤构建表,但可以以类似的方式实现排序.此示例不使用Redux,但Redux实现类似,但状态将由reducers而不是顶级组件管理.

为了在Redux中进行过滤和排序,它通常与memoization结合使用.计算派生数据显示了如何使用Reselect创建可对其进行过滤和排序的可组合数据选择器.

至于分页,Redux repo中的real-world示例显示了如何实现它.它需要更深入地理解诸如状态规范化之类的主题,所以不要过早地加入它.但基本思想是将行与其ID列表分开存储,并使用类似于{ ids: array, isFetching: bool, nextPageUrl: string? }表示分页状态的数据结构.

  • 是否有一个示例显示了创建数据的分页/排序?现实世界的例子很酷但它只能从API中读取.我发现当你想要创建一个记录并且现在需要新记录所属的页面来相应地更新状态时,它变得非常棘手.当您将分页与排序相结合时,它会变得更加复杂. (2认同)