在同一组件中多次使用 React 查询

Question

我有一个包含 select（下拉）和 multiselect 的组件，每次 selected 我想获取与使用反应查询的值并将此数据附加到我所有 selected 值的状态模型。但是，目前我看不到这是如何使用 React 查询完成的，因为我的 useQuery 需要使用已定义的要获取的 ID 创建。

简而言之 - 如何在同一组件上使用 React 查询来继续获取由键定义的对象。

Answer 1

对于 useQueries 挂钩来说，这听起来很不错 use-case。鉴于您的选择可能是某种数组，您可以对其进行映射并触发多个请求。然后，您将获得一个结果数组，其中包含所有选定元素的所有响应，您可以将其附加到任何需要的地方：

const [selection, setSelection] = React.useState([])

const results = useQueries(
  selection.map(item => ({
    queryKey: ['something', item]
    queryFn: () => fetchItem(item)
  })
)

const data = results.map(result => result.data)

在同一组件中多次使用 React 查询

React query used multiple times in same component

reactjs

react-query