问题答案 12026年5月26日 06:03
如何访问 React useQuery 的数据返回结果?
在使用 React Query 的 钩子来获取数据时,可以通过解构其返回的对象来访问各种数据和状态。下面是如何操作以及一些示例:使用首先,你需要确保已经安装了 库,并在你的组件中引入了 钩子。设置请求你可以通过传递一个唯一的 key 和一个函数来发起请求。这个函数负责获取数据,通常是一个 API 调用。访问数据和处理状态通过上面的 返回值,你可以访问以下几个重要的属性:data: 请求成功返回的数据。error: 请求失败时的错误信息。isLoading: 如果请求还在加载中,则为 true。isError: 如果请求出错,则为 true。示例假设你正在开发一个显示行星信息的应用,可以这样使用上面的代码片段:在这个例子中,当 正在获取数据时,会显示一个加载提示。如果出现错误,就会展示错误信息。请求成功完成后,会渲染一个包含行星名称的列表。结论使用 React Query 的 钩子,可以非常方便地在 React 应用中发起异步请求并管理状态。通过解构返回对象,可以轻松地访问到请求的数据、状态以及错误信息,从而在 UI 中合理地展示这些信息。