React表显示完整的数据，而不是一页20个项目

Question

我尝试过的是：-set-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;

Answer 1

从道具中移除manual。这个道具告诉react-table你将在服务器端处理事情。