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

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

这个问题是一个错误，由[email protected]在https://github.com/Semantic-Org/Semantic-UI-React/pull/3271修复。