Но получаю ошибку:
Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
interface {
…
children: (handleFilterChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void) => React.ReactElement
}
const DataGrid = (props: IDataGrid) => {
const {title, columns, rows, onSort, perPage, total, currentPage, handlePagination,onFilterChange, children} = props;
…
Вызов чилдренов в компоненте <div>… {children(handleFilterChange)} … </div>
это рантайм ошибка. значит, что где-то ты в рантайме не вызвал функцию-ребёнка, а положил её прямо в рендер. реакт попытался отрендерить функцию и выбросил исключение "я не умею рендерить функции"
Обсуждают сегодня