tanstack 排序箭头函数调用 onClick 不起作用，但直接调用 onClick 时，它可以工作，为什么？

Question

这不起作用：

onClick={() => {
  header.column.getToggleSortingHandler();
}}

但是，如果我像这样调用它，它就会起作用 - 为什么？

onClick={
  header.column.getToggleSortingHandler()
}

我期望箭头函数能够给出类似的结果。

Answer 1

getToggleSortingHandler返回一个函数，因此在箭头函数场景中你必须调用它两次。

onClick={() => {
  header.column.getToggleSortingHandler()();
}}