“不是函数”在锚标签上使用功能的错误

Question

我试图让锚点内的函数返回反应中分页的相应编号，但它不起作用，我真的不明白为什么我从课程中复制了代码，它传给了他而不是我。有人知道如何帮助我吗？ 它给了我“pagination.jsx:16 Uncaught TypeError: onPageChange is not a function 在 onClick (pagination.jsx:16:1)" onClick 函数中。

const Pagination = (props) => {
  const { itemsCount, pageSize, currentPage, onPageChange } = props;

  const pagesCount = Math.ceil(itemsCount / pageSize);
  if (pagesCount === 1) return null;
  const pages = _.range(1, pagesCount + 1);

return (
    <nav>
      <ul className="pagination">
        {pages.map((page) => (
          <li key={page} className="page-item">
            <a className="page-link" onClick={() => onPageChange(page)}>
              {page}
            </a>
          </li>
        ))}
      </ul>
    </nav>
  );
};

Answer 1

您必须检查 onPageChange 变量中的内容。看起来它不是一个函数，甚至可能是未定义。
尝试在返回之前使用 console.log 检查它。