React项目中排序功能的实现

我们在开发和维护React项目的时候,其实「实现排序」这个需求是挺常见的。

比如,针对一个文章列表,按照阅读量从高到低排序;评论列表按照创建时间倒序排列。。。

我们现在前端开发框架的一个理念是「数据驱动视图」,我们看到的列表本质上源于「状态数据」。

我们现在想让视图UI显示出来的一个效果是排序之后的样子,本质上就是要操作我们的数据。

这下思路就清晰了:把(文章/评论)列表状态数据进行「排序处理」,当成新值传给set函数重新渲染视图UI。