typescript 如何使用Rest国家API按名称搜索

ddrv8njm  于 2022-11-18  发布在  TypeScript
关注(0)|答案(1)|浏览(78)

当我搜索一个国家时,searchInput useState工作正常并接收值,问题是它不会立即更新Dom中的国家,除非我删除useEffect挂钩依赖数组,这会导致太多的重新呈现,所以我如何在搜索时更新DOM,这是我的代码。
第一个

7rfyedvj

7rfyedvj1#

fetchCountry = (searchInput: any) => {中删除searchInput,它将看起来像fetchCountry = () => {
原因是您在useState中有searchInput,因此不需要传递为foo参数
您fetchCountry将显示为

const fetchCountry = () => { // removed params
    axios
      .get(`${countryUrl}/${searchInput}?fullText=true`)
      .then((res) => setCountryData(res.data[0]))
      .catch((err) => console.log(err));
  };

相关问题