reactjs - React 表显示完整数据而不是 20 个项目的页面
问题描述
我尝试过的是:- 设置 pageSize={20} 或 defaultPageSize={20},或两者兼而有之。我的组件仍在渲染我所有数据的列表,不管我是否传递了 pageSize 道具。我在这里想念什么?我有一张类似的桌子,里面有那些道具,它正在工作。找不到问题出在哪里。
const VehiclesList = ({loading, setLoading}) => {
return (
<div className={classes.VehiclesList}>
{loading ? null :
<Row>
<Col md="12">
<Card className="main-card mb-3">
<CardBody>
<ReactTable data={vehicleList? vehicleList.vehicleList.data : []}
columns={[CUTED NOT TO BOTHER YOU]}
pageSize={20}
manual
page={3}
loading={false}
loadingText="Chargement..."
nextText="Suivant"
previousText="Précédent"
noDataText="Aucune données correspondantes"
showPageSizeOptions={false}
className="-striped -highlight"
/>
</CardBody>
</Card>
</Col>
</Row>
}
</div>
)
}
export default VehiclesList;
解决方案
manual
从道具中取出。这个道具告诉 react-table 你将在服务器端处理事情。
推荐阅读
- bash - grep 大量标签之间的文本
- ios - 如何从 UIViewController 获取 CLASS
- c# - WinForms dev express bind true/false column with a checkbox
- c# - 如何使用反射在静态类中找到私有静态方法?
- php - CodeIgniter Query Builder 的全文索引匹配问题
- python-3.x - 如何修复```
.template at 0x7f1dafac8400>````python3 web.py 中的错误 - python-c-api - 使用 Python C API,我如何编写一个接受任意数量参数的函数,包括根本没有?
- apache-spark - 在 Spark 结构化流中动态更改 hdfs 写入路径
- android-9.0-pie - 调用 onSaveInstanceState 时的 TransactionTooLargeException
- c# - 当收件人帐户与发件人不同时无法访问 SingleValueExtendedProperties