如何在每个列中添加asc / desc排序到我的反应应用程序？

Question

我用react + redux创建了github-search-app。 （+形实转换）

所以这是我在GitHub上的应用程序的代码（它真的是一个非常非常简单的应用程序）。

https://github.com/elminsterrr/react-js-github-search-app

每次搜索后，搜索结果都会保存到redux商店。现在我想使用本地保存的数据并对其进行操作。所以我想在我的项目中添加这个功能：

1. 分页

2. 能够控制呈现的行数（5/10/15/20）

3. 每列的Asc / desc排序（点击列名后）

1和2都没问题，但是这个（ ＆＃34;按每列排序的#cc / desc＆＃34; ）对我来说很难。我被卡住了。

请写下你将如何处理这个问题，也许这足以让我继续......

Answer 1

为什么要构建表组件而不是使用npm中的react-table组件？ Example

否则，您需要通过调度包含列名的操作来订购状态中的项目，以便您可以识别要对数据进行排序的道具。