react.js - React排序问题

问题描述

问 题

点击表头，根据所点击的数据字段进行排序。排序这个操作，最开始的数据数组应该从哪里来，直接在action中操作是否可以?排序之后怎么放回state，现在是能看到数据顺序已经根据所选字段发生变化，但是UI没有更新。有人说是因为修改了state的缘故，那么怎么放回去才是不修改state呢。（用的是redux来管理state）

//reducer.js, rows存着数据，action.rows存的是经过重新排序的数据
return {...state, sortKey: action.sortKey, sortType: action.type, rows: action.rows };

//action.js, 从state中取得原来的rows数据
const {rows} = getState()；
return {
    type: GRID_DATA_SORT_DESC,
    sortKey: id,
    rows:rows.sort(sortByKey(id,false))
}

解决方案

问题要描述清楚啊。。。

如果是state里的数据，应该是有序的，即将排好序的数据放入state，然后显示。

这篇关于react.js - React排序问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！