点击表头，只有sortDirection总是ASC，怎么改成DESC，react-virtualized

Question

//this function sort table data in ASC and DESC order
_sortTable({ sortBy, sortDirection }) {
   //console.log(event)
   console.log('sortBy='+sortBy+', sortDirection='+sortDirection);
   const tempList = _.sortBy(currentTableData , item => item[sortBy]);
   const sortedListData = sortDirection === SortDirection.DESC ? tempList.reverse() : tempList;
   this.setState({ sortBy, sortDirection, sortedListData });
   rowRendererData = sortedListData;
   this.tableRef.forceUpdateGrid();
}

表列表头单击会调用此函数

sort={this._sortTable}
sortBy={this.state.sortBy}
sortDirection={this.state.sortDirection} 

在<Table/>上。

但在单击表的标题时，sortDirection始终为ASCENDING(ASC)。

如何将sortDirection更改为DESCENDING(DESC)？

Answer 1

似乎该函数将sortDirection作为对象的属性获取，那么您应该传递该参数：

sort={this._sortTable({sortDirection: SortDirection.DESC})}
 sortBy={this.state.sortBy}
 sortDirection={this.state.sortDirection}

Answer 2

 _sortTable({ sortBy, sortDirection }) {

        this.setState(function(prevState) {
          return { sortDirection: prevState.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC } 
        });
       // console.log('sortBy='+sortBy+', sortDirection='+sortDirection);
       const tempList = _.sortBy(currentTableData , item => item[sortBy]);
       const sortedListData = this.state.sortDirection === SortDirection.DESC ? tempList.reverse() : tempList;
       this.setState({ sortBy, sortedListData });
       rowRendererData = sortedListData;
        this.tableRef.forceUpdateGrid();
     }