使用ReactQuery进行搜索页面,需要多次调用

omqzjyyz  于 2023-01-21  发布在  React
关注(0)|答案(1)|浏览(107)

我希望这是一个有经验的React查询用户容易的一个,但我没有看到使用ReactQuery作为搜索页面的获取机制的解决方案,在那里最终用户更新搜索条件并执行一个新的搜索。我看到有一个useQueries,但它声明它的多个并行查询。我寻找:

  • 加载页面无查询(无搜索文本)
  • 用户输入搜索标准,
  • 执行搜索查询
  • 用户更新搜索标准,
  • 再次执行搜索查询
k2arahey

k2arahey1#

您不需要useQueries

const {data} = useQuery(['search',searchTerm],()=>/*search api*/,{
  enabled: !!searchTerm
})
  • searchTerm作为queryKey传递,以便每当它发生更改时,都会对API进行新调用。
  • 仅当searchTerm不为空时才启用查询。

相关问题