open-source/qinglong
1
0
Fork 0
mirror of https://github.com/whyour/qinglong.git synced 2025-07-28 23:46:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

搜索防抖动

Browse Source
This commit is contained in:
kilo5hz 2021-11-19 11:15:30 +08:00
parent 5f0b6dfc0d
commit 76c1b52fea
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/script/index.tsx
View File

@ -31,6 +31,7 @@ import {
UserOutlined,
} from '@ant-design/icons';
import EditScriptNameModal from './editNameModal';
import debounce from 'lodash/debounce';
import { history } from 'umi';
const { Text } = Typography;
@ -171,6 +172,14 @@ const Script = ({ headerStyle, isPhone, theme }: any) => {
const onSearch = useCallback(
(e) => {
const keyword = e.target.value;
debounceSearch(keyword);
},
[data, setFilterData],
);
const debounceSearch = useCallback(
debounce((keyword) => {
console.log(keyword);
setSearchValue(keyword);
const { tree, expandedKeys } = getFilterData(
keyword.toLocaleLowerCase(),
@ -178,7 +187,7 @@ const Script = ({ headerStyle, isPhone, theme }: any) => {
);
setExpandedKeys(expandedKeys);
setFilterData(tree);
},
}, 300),
[data, setFilterData],
);