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

Question

我用 react + redux 创建了 github-search-app。 (+thunk)

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

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

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

1. 分页

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

3. 按每列升序/降序排序（点击列名后）

1 和 2 没问题，但是这（“按每列的 Asc/desc 排序”）在我看来很难。我被卡住了。

请写下你将如何解决这个问题，也许这足以让我继续前进......

Answer 1

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

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