owner加载慢的问题

src/view/Manage/Model/Component/SelectUsers.jsx

-import React from "react"
+import React, { useState, useMemo, useEffect } from "react"
 import {Select} from "antd"
+import debounce from 'lodash/debounce';
 
 const {Option} = Select
 
@@ -7,6 +8,22 @@ const SelectUser:React.FC=(props)=>{
 
     const {value,onChange,users,type,} = props
 
+    const [searchValue, setSearchValue] = useState(undefined)
+
+    const debounceFetcher = useMemo(() => {
+        return debounce((value) => {
+            setSearchValue(value);
+        }, 800);
+      }, [users]);
+
+    const filterUsers = useMemo(() => {
+        if (searchValue) {
+            return users?.filter(item => item.nachn?.includes(searchValue) || item.pernr?.includes(searchValue));
+        } 
+        
+        return users||[];
+    }, [users, searchValue])  
+
     const change=(value)=>{
         onChange&&onChange(value)
     }
@@ -19,25 +36,11 @@ const SelectUser:React.FC=(props)=>{
                 value={value}
                 onChange={change}
                 allowClear
-                filterOption={(inputvalue,option)=>{
-                    if(inputvalue){
-                        console.log(option)
-                        try {
-                            if(option.children.includes(inputvalue)||option.value.includes(inputvalue)){
-                                return true
-                            }else{
-                                return false
-                            }
-                        } catch (error) {
-                            return true
-                        }
-                    }else{
-                        return true
-                    }
-                }}
+                filterOption={false}
+                onSearch={debounceFetcher}
             >
                 {
-                    users?.map((item)=>{
+                    filterUsers?.map((item)=>{
                         return(
                             <Option vlaue={item.pernr} key={item.pernr}>{`${item.nachn}(${item.pernr})`}</Option>
                         )