javascript - 如何在不进行远程调用的情况下过滤当前数据? - Material 表(mbrn/material-table)

标签 javascript reactjs material-ui material-table

我正在使用mbrn/material-table具有对列进行过滤和远程数据功能。当我按术语过滤时,表会使用查询对象中的过滤条件对服务器进行 API 调用。 我的期望是,在输入过滤条件时,我希望表格在当前页面上的当前数据集中进行搜索。我不希望表进行额外的过滤调用。它应该只显示与该术语匹配的行。

关于如何实现这一目标有什么建议吗?

检查链接https://stackblitz.com/edit/aftkrc 打开编辑器控制台以查看每个过滤器文本都调用了 API。

最佳答案

在您的代码中,每次调整页面大小时都会调用 API。因此,您不会将数据保留在您的状态中,因此当搜索开始时,它将再次调用 API 来获取数据。所以你可以做的是当页面启动时调用数据(使用React.useEffect)并将其保存在状态中并将状态用作数据,然后你可以搜索你想要的项目无需请求调用。

关于javascript - 如何在不进行远程调用的情况下过滤当前数据? - Material 表(mbrn/material-table),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59117491/

相关文章:

javascript - 滚动到水平 div 中的元素

CSS 在均匀分布的网格中布置元素列表

javascript - 如何从图像创建/保存裁剪后的图像? (将图像转换为base64)

reactjs - Material-ui-next - 版式

Javascript检测浏览器关闭

javascript - 我可以使用循环来优化我的代码吗?

javascript - 如何检查 selenium 服务器的当前状态(使用 Node.js 的 API?还有别的吗?)

javascript - 为什么组件没有呈现正确的信息? ReactJS

javascript - JS 类静态成员初始化发生在加载 cdn 依赖之前

reactjs - 随机设置 <Avatar> 背景颜色