Hooks for managing, caching and syncing asynchronous and remote data in React. Latest version: 3.39.3, last published: 2 years ago. Start using react-query in your project by running `npm i react-query`. There are 1783 other projects in the npm registry
<image align="center" src="https://orpc.unnoq.com/logo.webp" width=280 alt="oRPC logo" /> . Latest version: 1.2.0, last published: 7 days ago. Start using @orpc/react-query in your project by running `npm i @orpc/react-query`
React Query:高效管理API请求与缓存 是一个强大的状态管理库,专门用于处理数据获取、缓存和更新,尤其适合与 API 交互。它提供了许多高级特性,如自动缓存、离线状态管理、数据过期和重新获取等。 安装: npm install react-query 导入并配置 React Query: 在你的应用中,你需要导入useQuery Hook并设置配置对象。 import...
React Query 是由@TannerLinsley 创建的 npm 库。它是一个针对 React 应用的状态管理器,可以简化许多任务,例如处理 HTTP 请求状态、在客户端保存数据以防止多次请求、使用 hooks 共享数据等等。 你将在本系列中发现更多关于它的内容,学习如何使用它,并欣赏其在 React 应用程序中的简洁性。 useQuery 第一个核心概念...
npm install react-query 代码语言:txt 复制 import { useQuery } from 'react-query'; 在根组件中定义查询: 代码语言:txt 复制 function App() { const { data } = useQuery('todos', fetchTodos); return ( {/* 渲染其他组件 */} <ComponentA /> <ComponentB /> ); } 在上面的示...
使用npm install @tanstack/query。 创建一个客户端实例。 将实例使用Context(QueryClientProvider)的方式提供给整个 App。 安装一个@tanstack/react-query-devtools开发者工具。 // App.jsx import { QueryClient,QueryClientProvider } from '@tanstack/react-query'; ...
npm i @tanstack/react-query npm i -D @tanstack/eslint-plugin-query npm i -D @tanstack/react-query-devtools 你也可以使用yarn或者pnpm安装。 @tanstack/react-query– 此包是 React Query 的 React 绑定库。它提供hook和组件以将 React Query 与 React 应用程序集成。 @tanstack/eslint-plugin-query...
npm install react-query # or pnpm add react-query 1. 2. 3. 使用 import { createRoot } from 'react-dom/client' import { QueryClient, QueryClientProvider } from 'react-query'; import App from './App.tsx' import './index.css' ...
1、官网地址 2、安装依赖包 npm i react-query 1. 3、在react项目的入口文件中配置 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { QueryClient, QueryClientProvider } from 'react-query'; ...
View package on npmDateDownloadsDownloads per dayClick and drag in the plot to zoom inreact-dom@tanstack/react-queryJun '24Jul '24Aug '24Sep '24Oct '24Nov '24Dec '24Jan '25Feb '25Mar '25Apr '25May '25Jun '250M2M4M6M8M