react-table版本7 onSortedChange回调等效

我正在尝试迁移到反应表版本7 https://www.npmjs.com/package/react-table。我现有的代码中有一个onSortedChange的回调函数,但是我不知道如何使用新的版本7钩子来复制它。

版本6格式:

<ReactTable
  onSortedChange={myCallbackFn}
/>

版本7:

const {
    getTableProps,getTableBodyProps,headerGroups,rows,prepareRow
} = usetable(
    {
        columns,data,defaultColumn,filterTypes
    },useFilters,useSortBy
);
...

感谢任何建议!

netcrazier 回答:react-table版本7 onSortedChange回调等效

我花了几个小时试图做到这一点,然后在发布我的问题2分钟后就知道了。

const { state: { sortBy }} = useTable(...)

React.useEffect(() => {
  // `sortBy` changed
},[sortBy])
,

很抱歉加入,但是我很好奇您能否充分使用它。除了过滤和遵循您的解决方案外,我和您有同样的问题,但仍然无法正常工作。

我愿意:

const {
    getTableProps,getTableBodyProps,headerGroups,rows,prepareRow,sortBy,filterBy,} = useTable({
    columns,data,defaultColumn,filterTypes,},useFilters,useSortBy

)

React.useEffect(() => {
    console.log('sort by changed: '+sortBy);
  },[sortBy])

  React.useEffect(() => {
    console.log('filter by changed');
  },[filterBy]) 

我在表的初始加载/渲染时都获得了两个日志,但是仅此而已,在对表进行排序或过滤时没有日志。您还有其他未发布的内容吗?

本文链接:https://www.f2er.com/2975008.html

大家都在问