React-Table V7 useSortBy Hook 无法正常工作

Question

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

我想一直在 true 和 false 值之间切换，直到单击另一个 header。

检查此 link 作为问题参考

Answer 1

您可以在 属性 列的 table header 上使用 toggleSortBy 函数，并在 onClick 事件

上调用它

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

Working demo