将自定义元素添加到 React Table pagination-top答案

【问题标题】：Add custom elements to React Table pagination-top将自定义元素添加到 React Table pagination-top
【发布时间】：2019-04-19 16:27:27
【问题描述】：

我希望有条件地向我的 React 表添加一个按钮，并让它显示在 PaginationTop 部分的行大小选择器的右侧。

项目目前正在使用 react-table 6.9.2。

目前该表仅使用showPaginationTop 作为ReactTable 组件中的参数，从而在一些自定义css 之后生成此标头：

显示自定义元素后，我希望它显示为：

有谁知道这是否可以在不更改 PaginationTop 的反应表源的情况下实现？

【问题讨论】：

【解决方案1】：

我的错，这可以通过这里文档中提到的组件覆盖来完成： https://github.com/tannerlinsley/react-table/tree/v6#component-overrides

对于我的解决方案，这涉及制作一个新组件并将其设置为默认值：

Object.assign(ReactTableDefaults, {
  PaginationComponent: Pagination,
...

【讨论】：