Reactjs 编号的材质UI分页组件初始视图将覆盖默认值
在材质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
<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,
);