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

标签 reactjs react-table

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

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

检查这个link供问题引用

最佳答案

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

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

Working demo

关于reactjs - React-Table V7 useSortBy Hook 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61952125/

相关文章:

reactjs - 使用 userEvent、fireEvent 和常规点击在点击之间 react 测试库的差异

reactjs - 为什么在其( react 表)数据更改时会重置 react 表分页和过滤器?

javascript - 如何在javascript中获取特定时间的日期

javascript - 取消选中 react 中的单选按钮

reactjs - 纬度的值不能在 native react 中从字符串转换为 double

React-table 排除默认列过滤器

reactjs - 我想在 react 表列的单元格内创建一个按钮

javascript - 当另一个 .js 中的数据更改时如何在 .js 中重新呈现 react 表

reactjs - 异步初始状态React-Redux Redux-Thunk