From 76c1b52feac22923a377c180de644dc2260d9808 Mon Sep 17 00:00:00 2001 From: kilo5hz <1005hz@outlook.com> Date: Fri, 19 Nov 2021 11:15:30 +0800 Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E9=98=B2=E6=8A=96=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/script/index.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/pages/script/index.tsx b/src/pages/script/index.tsx index 28b22b75..2b721ab4 100644 --- a/src/pages/script/index.tsx +++ b/src/pages/script/index.tsx @@ -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], );