分页在项目开始或结束时显示额外的项目

Question

当用户位于项目列表的开始或结尾处或附近时，我的分页组件显示了一个多余的不需要的项目。我相信我的道具与我在文档“选项”示例中输入的内容完全匹配，所以我不确定哪里出了问题。

Current behavior GIF

Desired behavior GIF

class MyPagination extends React.Component<PaginationProps> {
  static defaultProps = {
    boundaryRange: 0,
    defaultActivePage: 1,
    showEllipsis: false,
    siblingRange: 2,
  };

  render() {
    const {
      boundaryRange,
      defaultActivePage,
      showEllipsis,
      siblingRange,
      totalPages,
    } = this.props;

    return (
      <Pagination
        boundaryRange={boundaryRange}
        defaultActivePage={defaultActivePage}
        ellipsisItem={showEllipsis ? undefined : null}
        siblingRange={siblingRange}
        totalPages={totalPages}
      />
    );
  }
}

export default MyPagination;

我是这样实例化的：

<MyPagination totalPages={50} />

我的道具如期而至：

Answer 1

此问题是一个错误，已由https://github.com/Semantic-Org/Semantic-UI-React/pull/3271在semantic-ui-react@0.84.0中修复。