Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 编号的材质UI分页组件初始视图将覆盖默认值_Reactjs_Material Ui - Fatal编程技术网

Reactjs 编号的材质UI分页组件初始视图将覆盖默认值

Reactjs 编号的材质UI分页组件初始视图将覆盖默认值,reactjs,material-ui,Reactjs,Material Ui,在材质UI中,分页组件如下所示 <Pagination count={10} /> 这里分页从1开始,第一个视图在5结束,我需要显示1到4,如下所示 我尝试使用siblingCount和boundaryCount,但没有成功。有没有办法或者我在上面的道具中遗漏了什么 目前没有一种方法可以做到这一点 这由以下代码块(从)控制: 当page、boundaryCount和siblingCount均为1时,siblingsEnd将为5(因为boundaryCount+siblin

在材质UI中,分页组件如下所示

  <Pagination count={10} />

这里分页从1开始,第一个视图在5结束,我需要显示1到4,如下所示

我尝试使用siblingCount和boundaryCount,但没有成功。有没有办法或者我在上面的道具中遗漏了什么


目前没有一种方法可以做到这一点

这由以下代码块(从)控制:


page
boundaryCount
siblingCount
均为1时,
siblingsEnd
将为5(因为
boundaryCount+siblingCount*2+2
)。如果使用的
siblingCount
值为0,则得到的
siblingsEnd
值为3,但这会导致它的行为方式在您开始进入后续页面时看起来不太好。当
页面
为1时,目前没有办法让第一个数字块结束于4。

您可以创建自己的代码副本,但我认为由于该逻辑和省略号逻辑之间的相互作用,在不引入其他问题的情况下进行更改会有点棘手。感谢您的回复,所以我们没有办法不更新代码并使用它吗?我检查了这个文件,我如何更新逻辑,可以在问题中提到的上述情况下工作?组件解决了这个问题,它确实支持很好,但是这个用例我无法解决如果你看到这个库,它有这个4,但是我使用了这个组件的材质ui,对于这个功能,我需要做更多的定制,并需要介绍另一套软件包,让我知道,如果你对此有任何想法,这将是一个很大的帮助
  const siblingsEnd = Math.min(
    Math.max(
      // Natural end
      page + siblingCount,
      // Upper boundary when page is low
      boundaryCount + siblingCount * 2 + 2,
    ),
    // Less than endPages
    endPages[0] - 2,
  );