Material UI 分页范围：我有两个省略号而不是一个答案

【问题标题】：Material UI Pagination Ranges : I have two ellipsis instead of oneMaterial UI 分页范围：我有两个省略号而不是一个
【发布时间】：2022-03-25 09:48:12
【问题描述】：

我想达到这样的结果：

实际结果：

我有两个省略号而不是一个，我曾尝试与兄弟计数={-4} 和边界计数={2} 一起玩，但我没有得到想要的结果，任何人都可以帮助我，我是初学者。

export default function PaginationRanges() {
  return (
    <Stack spacing={2}>
      <Pagination
        count={10}
        defaultPage={1}
        page={1}
        siblingCount={-4}
        boundaryCount={2}
        variant="outlined"
        shape="rounded"
      />
    </Stack>
  );
}

Code Sandbox

【问题讨论】：

标签： reactjs pagination material-ui

【解决方案1】：

您应该改用react-paginate。我也有展示的要求

1 2 3 4 ... 8

但材质 UI 总是以

开头

1 2 3 4 5 ... 8

react-paginate 有 range 之类的道具，您可以使用它来配置省略号的位置。

【讨论】：