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

Question

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

我想继续在true和false值之间切换，直到单击不同的标题。

检查此链接以获取问题参考

Answer 1

您可以使用toggleSortBy列属性中表标题上的函数并在onClick事件上调用它

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

工作演示