Reactjs 错误：分页（…）：渲染未返回任何内容。这通常意味着缺少返回语句。或者，要不呈现任何内容，请返回null

所以我创建了这个分页组件。我得到了错误

error:pagination（…）：渲染没有返回任何内容。这通常意味着缺少返回语句。或者，若不呈现任何内容，则返回null。

在我使用的应用程序的某些部分中，其他部分工作正常。我不知道发生了什么，也不知道如何解决。这是我的密码。我尝试了其他解决方案，但仍然不起作用

const Pagination = ({ dataPerPage, totaldata, paginate }) => {
  const [currentPage, setCurrentPage] = useState(0)
  const pageNumbers = []

  const int = Math.ceil(totaldata / dataPerPage)
  if (int === 1) return

  for (let i = 1; i <= int; i++) {
    pageNumbers.push(i)
  }

  return (
    <nav>
      <ul className="pagination">
   
        {pageNumbers.map(number => (
          <li key={number} className="page-item">
            <a
              onClick={() => {
                setCurrentPage(number)
                paginate(number)
              }}
              href="#"
              className="page-link"
            >
              {number}
            </a>
          </li>
        ))}

       
      </ul>
    </nav>
  )
}

export default Pagination

常量分页=（{dataPerPage，totaldata，paginate}）=>{
常量[currentPage，setCurrentPage]=使用状态（0）
常量页码=[]
const int=Math.ceil（totaldata/dataPerPage）
如果（int==1）返回
for（设i=1；i(


))}

)
}
导出默认分页

错误消息说明

这通常意味着缺少返回语句。或者，要不呈现任何内容，请返回null。

您的组件正在返回

未定义的

if (int === 1) return // <-- returns undefined!

请包括一个代码示例。没有任何代码来检查是很难帮助的。是的@DrewReese刚刚添加了我的代码片段如果（int==1）返回
你认为
有什么作用？显然，它会检查
数学
操作的结果，以1@DrewReese我想你不太清楚它是否从
分页
组件返回了
未定义的
。
const Pagination = ({ dataPerPage, totaldata, paginate }) => {
  const [currentPage, setCurrentPage] = useState(0);
  const pageNumbers = [];

  const int = Math.ceil(totaldata / dataPerPage);
  if (int === 1) return null; // <-- return null to render nothing

  for (let i = 1; i <= int; i++) {
    pageNumbers.push(i);
  }

  return (
    <nav>
      <ul className="pagination">
   
        {pageNumbers.map(number => (
          <li key={number} className="page-item">
            <a
              onClick={() => {
                setCurrentPage(number)
                paginate(number)
              }}
              href="#"
              className="page-link"
            >
              {number}
            </a>
          </li>
        ))}

       
      </ul>
    </nav>
  );
}