Блог

Я создаю проект с помощью React-таблицы, и мне было интересно, можно ли выполнить сортировку по умолчанию и вызвать обработчик onClick при нажатии на заголовок столбца. Кажется, что я могу сделать то или другое, но попытка сделать и то, и другое приводит к следующей ошибке: «Не удается прочитать свойства undefined (чтение «сохраняется»)». Кто-нибудь может, пожалуйста, дать представление о том, как я могу заставить это работать? Вот ссылка на песочницу и фрагмент кода. Спасибо!

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}>
 

вам нужно передать параметр события своему обработчику

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