javascript - 如何在React表中使用getTheadThProps？

我在我的表渲染功能上有这个：

...
const getTheadThProps = (state, rowInfo, column, instance) => {
 return {
    onClick: (e) => {
         // do your thing
         // call old handler, HOW ?
       }
    }
}

return (
<reactTable
...
getTheadThProps={getTheadThProps}
...
/>)

该文档讨论了onClick ：（例如handleOriginal），尝试过这种方法，但是handleOriginal始终是未定义的，因此文档上的示例不起作用。

当我以这种方式替换click事件时，“常规”排序机制就会失效（toggleSort-切换列标题排序状态的方法永远不会被调用）。这就是为什么我需要调用原始函数的原因。

最佳答案

我有同样的问题。看起来您可以使用以下方法恢复列排序：

getTheadThProps={(state, rowInfo, column, instance) => ({
  onClick: () => {
    // Do whatever else you need to
    if (column.sortable !== false) {
      instance.sortColumn(column)
    }
  },
})

关于javascript - 如何在React表中使用getTheadThProps？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51327870/