反应表显示完整数据，而不是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您将在服务器端处理事情。