Реагируйте на сортировку таблиц 1. Измените сортировку по умолчанию при загрузке 2. Сохраните сортировку по умолчанию при переключении

Question

Возможно ли реализовать механизм 2 сортировки в таблице с одним реагированием?

Постановка задачи: 1. Я изменил порядок сортировки по умолчанию при загрузке столбца в таблицу React. Всего 8 этикеток, 2 этикетки должны вести себя по-разному, сортировка работает нормально.

Когда я нажимаю на другие метки, должна упасть сортировка по умолчанию, и она работает нормально. Но когда я щелкаю метки, которые изменили сортировку, также сортируются по 2-му порядку сортировки, который является таблицей реагирования по умолчанию.

Код:

<ReactTable
          data={this.state.data || response.results}
          columns={columns}  //modified sort order for 2 labels 
          defaultPageSize={}
          pageSize={}
          page={}
          filterable={}
          filtered={filters ? filters : undefined}
          onFilteredChange={this.handleFilter}
          defaultSorted={sorts ? sorts : this.getDefaultSort()}        
          onSortedChange={this.handleSort} //this will set the props
          getTheadFilterThProps={() => ({ style: { overflow: 'visible' } })}
          ref={(r) => (this.reactTable = r)}
          className="-striped -highlight my-2 flex-grow-1"
          showPageSizeOptions={true}
          onPageSizeChange={this.handlePageSize}
          onPageChange={this.handlePageNumber}
        />

Сортировка по умолчанию: комбинация 1 и 2 Первая сортировка: метка: по алфавиту: метка должна сортироваться по алфавиту: -Numbers (1 , 10, 3, 20, 5, и т. Д. c), затем -Буквы (catch, dock, let, LetFund и т. Д. c), затем -Нулевые значения

Вторая сортировка: Версия: Числовая в порядке убывания : -Numbers (10, 9, 8.5, 8.1, 8, 7, 6 и т. Д. c), затем -Letters (catch, dock, let, LetFund и т. Д. c), затем -Null Values ​​

2-я сортировка:

Сортировка реакции по умолчанию + перекрытие существующих логи c.