安装
您可以通过 NPM 或通过 ESM.sh 使用普通的 <script> 标签安装 React Query。
NPM
bash
npm i @tanstack/react-query
npm i @tanstack/react-query
或
bash
pnpm add @tanstack/react-query
pnpm add @tanstack/react-query
或
bash
yarn add @tanstack/react-query
yarn add @tanstack/react-query
或
bash
bun add @tanstack/react-query
bun add @tanstack/react-query
React Query 与 React v18+ 兼容，并可与 ReactDOM 和 React Native 配合使用。
CDN
如果您不使用模块打包器或包管理器，您也可以通过 ESM 兼容的 CDN（如 ESM.sh）使用此库。只需在 HTML 文件的底部添加一个 <script type="module"> 标签
html
<script type="module">
import React from 'https://esm.sh/react@18.2.0'
import ReactDOM from 'https://esm.sh/react-dom@18.2.0'
import { QueryClient } from 'https://esm.sh/@tanstack/react-query'
</script>
<script type="module">
import React from 'https://esm.sh/react@18.2.0'
import ReactDOM from 'https://esm.sh/react-dom@18.2.0'
import { QueryClient } from 'https://esm.sh/@tanstack/react-query'
</script>
您可以在此处找到有关如何在不使用 JSX 的情况下使用 React 的说明。
要求
React Query 已针对现代浏览器进行了优化。它与以下浏览器配置兼容
Chrome >= 91
Firefox >= 90
Edge >= 91
Safari >= 15
iOS >= 15
Opera >= 77
Chrome >= 91
Firefox >= 90
Edge >= 91
Safari >= 15
iOS >= 15
Opera >= 77
根据您的环境，您可能需要添加 polyfill。如果您想支持旧版浏览器，您需要自行将库从 node_modules 转译。
推荐
建议同时使用我们的 ESLint Plugin Query，以帮助您在编码时捕获错误和不一致。您可以通过以下方式安装它
bash
npm i -D @tanstack/eslint-plugin-query
npm i -D @tanstack/eslint-plugin-query
或
bash
pnpm add -D @tanstack/eslint-plugin-query
pnpm add -D @tanstack/eslint-plugin-query
或
bash
yarn add -D @tanstack/eslint-plugin-query
yarn add -D @tanstack/eslint-plugin-query
或
bash
bun add -D @tanstack/eslint-plugin-query
bun add -D @tanstack/eslint-plugin-query
