javascript - 如何在node.js和react中的某些数字后显示分页点

Question

我想显示压缩的分页号，例如 1,2,3 ... 56, 57，请参阅随附的屏幕截图，了解我当前的情况以及我的期望

下面是我的API代码和前端代码，这些代码是为图片显示而完成的。

// Backend

const totalPages = Math.ceil(totalPages / limit);
res.send({
  posts,
  totalPages,
});

// Output

totalPages = 107;
posts = 2140;

// Frontend

const pager = () => {
  const paginate = [];
  for (let i = 1; i <= totalPages; i++) {
    // console.log('000')
    paginate.push(
      <Link href={`?page=${i}`} key={i}>
        <a>{i}</a>
      </Link>
    );
  }
  return paginate;
};

我想我可以解释我想要什么，但如果您有任何困惑，请在评论中告诉我。

提前致谢。

根据答案更新

请查看此屏幕截图，3 之后应该是 4、5，然后是 ...，依此类推。

基于@Andy

Answer 1

我认为如果你尝试使用 NPM 包会更容易，因为你已经完全完成了后端，对于前端，你可以尝试像下面的链接这样

NPM next-pagination

演示是 here

代码示例如下

import React, { Component } from 'react'

import Pagination from 'next-pagination'

class Example extends Component {
    render() {
        return <Pagination total={1000} />
    }
}

输出是

顺便说一下，您可以访问包管理器链接以获取完整的详细信息。

我认为这可能会有所帮助。