javascript - 我如何在 react 表中使用 getTheadThProps？

Question

我的表格渲染函数中有这个:

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

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

文档讨论了 onClick: (e, handleOriginal)，试过了，但是 handleOriginal 总是未定义，所以文档中的示例不起作用。

当我以这种方式替换点击事件时，“正常”排序机制被破坏(toggleSort - 永远不会调用切换列标题排序状态的方法)。这就是为什么我需要调用原始函数的原因。

Answer 1

我遇到了同样的问题。看起来您可以使用以下命令恢复列排序:

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