React Table默认分页页面

Question

我是react-table的新手。是否可以在分页模式下设置默认页面。是否有某个道具来处理这个问题？ 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})}
  />

Answer 2

只需在== operator组件

中添加page道具即可

<ReactTable />

只需将 <ReactTable ...otherProps page={5} /> 更改为您想要的页码。