我在功能組件內的應用程序中使用來自 react-native-elements 的 SearchBar。但是有一個問題我無法解決：我只能一個一個地輸入字符。我不能連續在我的欄中寫我的文字然后搜索。相反，我必須一個一個地輸入每個字符才能找到一個特定的詞。這是我的代碼：export default function InstitutionsScreen({navigation}) {  const [institutions, setInstitutions] = useState('');  const [refresh, setRefresh] = useState(false);  const [fullData, setFullData] = useState([]);  const [value, setValue] = useState('');  useEffect(() => {    if(!institutions) {      setRefresh(false);      getInstitutions();    }  }, []);  const contains = (institutionName, query) => {    if (institutionName.includes(query)) {      return true    }    return false  }  const handleSearch = text => {    setValue(text);    const formattedQuery = text.toLowerCase()    console.log("flaco me diste " + formattedQuery)    const data = filter(fullData, inst => {      return contains(inst.name.toLowerCase(), formattedQuery)    })    setInstitutions(data);  }  const onRefresh = () => {    setRefresh(true);    getInstitutions();  };  const renderHeader = () => (    <View      >        <SearchBar        lightTheme        clearIcon        onChangeText={(text) => handleSearch(text)}        value={value}        placeholder='Buscar...' />    </View>  )  if (!institutions || refresh) {    return (      <ScrollView contentContainerStyle={{alignItems: "center", flex: 1, justifyContent: 'center'}}>        <Spinner isVisible={true} size={100} type={'Pulse'} color={'#013773'}/>      </ScrollView>    );  }