reactjs - PrimeReact 3.4,DataTable,仅在受控模式下排序
问题描述
我在“受控”模式下使用 Primereact 3.4 的 DataTable 组件:我提供数据、sortField、sortOrder 和 onSort,正如他们的示例代码所示:
<DataTable value={this.state.cars} sortField={this.state.sortField} sortOrder={this.state.sortOrder} onSort={(e) => this.setState({sortField: e.sortField, sortOrder: e.sortOrder})}>
<Column field="vin" header="Vin" sortable={true}/>
<Column field="year" header="Year" sortable={true}/>
<Column field="brand" header="Brand" sortable={true}/>
<Column field="color" header="Color" sortable={true}/>
</DataTable>
我也在使用分页,因为这是一个非常大的数据块;我每页显示 50 条记录。
一切都按预期工作,除了当用户对列进行排序时,Datatable 会像在不受控制的模式下一样进行排序——对它在 DOM 中的 50 行进行排序——然后不久之后我的排序函数完成,为 DataTable 提供来自我的后端 API 的新排序数据。
如何告诉 DataTable只使用我的排序功能,而不是尝试进行自己的不受控制的排序?
解决方案
推荐阅读
- php - 以编程方式创建的 WooCommerce 订单对新用户不征税
- node.js - 如何在 process.env 中存储使用 mongodb-memory-server 生成的 uri?
- java - JPA 实体:javax.el.PropertyNotFoundException:在类型上找不到属性 [base64String]
- reactjs - Ag-grid 反应集 Row Node ID 唯一
- android - Flutter:按下后退按钮关闭两个屏幕
- laravel - Livewire - Ajax 没有被解雇
- java - spring boot:找不到约束的验证器
- numpy - 子集numpy数组
- python-3.x - 给出了两个具有“-”和“+”的二进制字符串。如果 - 和 - 等于 + ,我们必须找到第一个字符串是否可以转换为第二个
- javascript - GSAP 3 ScrollTrigger 不能使用动态变化的值(不刷新/重新计算)