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

Question

当用户位于或接近项目列表的开头或结尾时，我的分页组件显示了一个额外的、不需要的项目。我相信我正在将我的道具与我在文档 'options' 示例中输入的内容完全匹配，所以我不确定我哪里出错了。

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

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

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

Pagination shows extra item when at start or end of items

semantic-ui

semantic-ui-react