React Table 默认分页页面答案

【问题标题】：React Table default pagination pageReact Table 默认分页页面
【发布时间】：2018-11-21 11:56:20
【问题描述】：

我是 react-table 的新手。是否可以在分页模式下设置默认页面。有特定的道具来处理这个吗？前任在我的组件安装后，我想在第 5 页打开我的表格。谢谢！

【问题讨论】：

【解决方案1】：

您可能已经发现了这一点，但要扩展 hariharan 的答案，您可以使用组件的状态来控制桌子的许多道具。对于页面，可以告诉组件该页面处于找到状态，

<ReactTable
    ...otherProps
    page={this.state.page}
  />

当你初始化你的状态时，无论你如何初始化它，页面都等于 5。例如，

class MyClassThatHasReactTableInIt extends Component {
  constructor (props) {
    super(props);
    this.state = {
      page: 5
  }
... // etc code etc

如果您这样做，您还需要自己处理页面更改。 幸运的是，react-table 让这变得非常简单，您可以编写自定义的 pageChange 处理程序：

    <ReactTable
    ...otherProps
    page={this.state.page}
    onPageChange={page => this.setState({page})}
  />

【讨论】：

【解决方案2】：

只需在<ReactTable /> 组件中添加page 属性

  <ReactTable
    ...otherProps
    page={5}
  />

只需将5 更改为您想要的页码即可。

【讨论】：

如果你只是添加页码。分页将不起作用。这需要处理。
@thakurinbox 但他要求在初始渲染中显示第 n 页。处理页面更改不在问题范围内