React-Table

Question

我正在使用 React-Table 创建一个项目，想知道是否可以进行默认排序并在单击列 header 时调用 onClick 处理程序。似乎我可以做一个或另一个，但尝试同时做这两个会导致以下错误：“无法读取未定义的属性（读取 'persist'）”。任何人都可以提供有关如何使它起作用的见解吗？这是沙盒的 link 和一段代码。谢谢！

https://codesandbox.io/s/stupefied-framework-g405u?file=/src/App.js

const headerProps = column.getHeaderProps(column.getSortByToggleProps());

console.log(headerProps);

const clickHandler = () => {
    console.log("Hello World");
    headerProps.onClick();
};

return (
    <th {...headerProps} onClick={clickHandler}>

Answer 1

您需要将事件参数传递给您的处理程序

  const clickHandler = (e) => {
                  console.log("Hello World");
                  debugger;
                  toggleProps.onClick(e);
                };

React-Table - 排序和 onClick 处理程序？

React-Table - Sort and onClick Handler?

reactjs