我在react native中有一个应用程序，我正在开发一个搜索功能，比如Instagram。这就像如果用户停止输入，就向他显示他的查询结果。我目前的方法是搞砸redux。有时它会多次返回相同的元素，有时会返回与查询无关的随机元素。现在。我正在调用搜索API，因为用户在搜索栏中开始输入。
下面是我组件的代码。

import { getSearchDataApi } from "../../api/search/search";
import { clearSearchData, setSearchData } from "../../redux/action/search";

const SearchScreen =(props)=>{
  const [autoFocus,setAutoFocus] = useState(true)
  const [keyWord,setKeyWord] = useState(null)
  const [isLoading,setIsLoading] = useState(false)
  const [isError,setIsError] = useState(false)
  const [pageNumber,setPageNumber] = useState(1)
  const [loadMore,setLoadMore] = useState(true)

  const loadMoreDataFunc =()=>{
      if (pageNumber <= props.totalSearchPage) {
          setPageNumber(pageNumber+1) 
      }
      else {
          setLoadMore(false)
      }
  }

 const searchData = async(keyWord)=>{
    console.log(keyWord,pageNumber)
    try {
      setIsLoading(true)
      var searchResponse = await getSearchDataApi(keyWord,pageNumber)
      props.setSearchData(searchResponse.data)
      setIsLoading(false)
    }
    catch (e) {
      setIsError(true)
      console.log("Error --- ", e.response.data.message)
      showMessage({
          message: e.response.data.message,
          type: "danger",
      });
      }
    }

  return (
    <View>

     ....
    </View>
)
}

const mapStateToProps = (state)=>({
  searchData: state.searchReducer.searchData,
  totalSearchPage: state.searchReducer.totalSearchPage,
})

export default connect(mapStateToProps,{setSearchData,clearSearchData})(SearchScreen);

我真的很感谢每一个能帮我修理的人。提前感谢！

***目标：***我想要达到的目标是，当用户停止输入时，我调用searchAPI，使用他/她在searchBar中输入的关键字，仅此而已。

我也试过setTimeOut，但那让事情变得更糟。