React Query 团队知道这一点,并决定构建一个工具来帮助那些想要使用 React Query 进行工作的开发者。 这个工具叫做react-query-devtools,你只需要通过一个简单的步骤安装它。 打开你的终端并输入 代码语言:javascript 代码运行次数:0 运行 AI代码解释 $ npm i @tanstack/react-query-devtools 现在,在你的项目中,你...
If you prefer to avoid global installations, you can addreact-devtoolsas a project dependency. With Yarn, you can do this by running: yarn add --dev react-devtools With NPM you can just useNPX: npx react-devtools Usage with React Native ...
import { QueryClientProvider } from '@tanstack/react-query';import { ReactQueryDevtools } from '@tanstack/react-query-devtools';import React from "react";import { queryClient } from './react-query/client';import Router from './Router';function App() {return (<React.StrictMode><QueryClient...
1. $ git clone https://github.com/facebook/react-devtools.git 2. 进入react-devtools目录: $ npm --registry https://registry.npm.taobao.org install ,这里使用淘宝镜像, 过程需要点时间,耐心等待。 3. 打包: npm run build:extension:chrome 4. 生成目录:react-devtools -> shells -> chrome -> b...
npm run build:extension:chrome 结果: 这个时候就可以在react-devtools目录下找到shells--chrome--build--unpacked文件夹。 4.打开chrome,地址栏输出:chrome://extensions/。 左上角点击加载已解压的扩展程序。把unpacked文件夹放进去了。 大功告成,右上角多了个react图标。
专用的 Devtools。 简单示例(全局配置): // main.js import React from 'react' import ReactDOM from 'react-dom' import App from './App' import { QueryClient, QueryClientProvider } from 'react-query' const queryClient = new QueryClient() ...
Developer tools to interact with and visualize the TanStack/react-query cache. Latest version: 5.69.0, last published: 6 days ago. Start using @tanstack/react-query-devtools in your project by running `npm i @tanstack/react-query-devtools`. There are 364
npmi@tanstack/react-query-devtools@4 or bash pnpmadd@tanstack/react-query-devtools@4 or bash yarnadd@tanstack/react-query-devtools@4 You can import the devtools like this: tsx import { ReactQueryDevtools } from '@tanstack/react-query-devtools' ...
1. TanStack Query TanStack Query是 React 中的一个开源数据 Fetch 库,由Tanner Linsley开发。它在NPM上有 170 多万次周下载量,在GitHub上有 3.5 万+stars(2023 年 8 月数据)。 React 没有官方的数据 Fetch 方式。开发者可以自由创造各种数据 Fetch 方法。大多数时候,都会用到 useEffect 和 useState 钩子,...
TanStack Query[1]是 React 中的一个开源数据 Fetch 库,由Tanner Linsley[2]开发。它在NPM[3]上有 170 多万次周下载量,在GitHub[4]上有 3.5 万+stars(2023 年 8 月数据)。 React 没有官方的数据 Fetch 方式。开发者可以自由创造各种数据 Fetch 方法。大多数时候,都会用到 useEffect 和 useState 钩子,或...