Javascript 如何复制react表的状态以使用page和pageSize的值
我用lib。必须通过列的筛选器获取表的数据。 下面的过滤器:Javascript 如何复制react表的状态以使用page和pageSize的值,javascript,reactjs,pagination,server-side,react-table,Javascript,Reactjs,Pagination,Server Side,React Table,我用lib。必须通过列的筛选器获取表的数据。 下面的过滤器: ... filterable: true, Filter: () => { return ( <input ... onChange={e => this.handleSearchInput(e)} /> ); } 那么应该如何从ReactTa
...
filterable: true,
Filter: () => {
return (
<input
...
onChange={e => this.handleSearchInput(e)}
/>
);
}
那么应该如何从ReactTable组件同步页面和页面大小值,以便在请求正文中使用它呢?假设您在初始组件状态下有
pageSize
和page
,您可以使用ReactTable的一些内置道具来处理页面大小更改和页面更改:
<ReactTable
pageSizeOptions={this.state.pageSizeOptions} //Don't need this if you don't want it
defaultPageSize={this.state.pageSize} // probably smart to have if you're using this as part of a query but not neccessary
pageSize={this.state.pageSize}
page={this.state.page}
onPageChange={page => this.setState({page: page})
onPageSizeChange={(pageSize, page) => {
this.setState({ pageSize: pageSize, page: page });
}}
...otherProps
/>
在this.state.checkPageSize中应该是什么?对不起,我的错误,应该是pageSize,我已经更新了答案
<ReactTable
pageSizeOptions={this.state.pageSizeOptions} //Don't need this if you don't want it
defaultPageSize={this.state.pageSize} // probably smart to have if you're using this as part of a query but not neccessary
pageSize={this.state.pageSize}
page={this.state.page}
onPageChange={page => this.setState({page: page})
onPageSizeChange={(pageSize, page) => {
this.setState({ pageSize: pageSize, page: page });
}}
...otherProps
/>