时间戳

首页 > 解决方案 > 数据查询在 TextField DataGrid 中运行缓慢

reactjs - 数据查询在 TextField DataGrid 中运行缓慢

问题描述

我尝试使用搜索框（Material-ui TextField）查询我的数据，但是当我在 TextField 中写入时，查询工作缓慢并且用户体验被它破坏。首先我得到了这个useState：

const [q,setQ] = useState("");

这个文本字段：

<TextField
placeholder="Key"
size="small"
variant="standard"
name="Key"
value={q}
onChange ={(e) => setQ(e.target.value)}
/>

我像这样查询 DataGrid 中的数据：

<DataTable
loading={loading}
data={search(tableData)}
/>

它有效，但它太慢了！我真的需要让它更有效率和更快的想法吗？

标签： reactjsreact-hooksmaterial-ui

解决方案

推荐阅读