React Table默认分页页面

Question

我是表的新手。是否可以在分页模式下设置默认页面。是否有某种道具可以解决这个问题？F.ex. 装入组件后，我想在第5页上打开表格。谢谢！

Answer 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})}
  />