React-Table V7 useSortBy 钩子不能正常使用。

Question

使用 react-table V7 useSortBy 钩子的 toggleSortBy 函数先升后降，然后在第三次切换，而不是设置为 isSortedDesc 为false，它设置 isSorted 到假。

我想继续在 true 和 false 值，直到点击不同的头。

检查这个 联系 供参考的问题

Answer 1

你可以利用 toggleSortBy 函数，并在表头从列属性上调用它。onClick 事件

<th 
      {...column.getHeaderProps(column.getSortByToggleProps())} 
      onClick={() => column.toggleSortBy(!column.isSortedDesc)}
>

工作演示