技术栈

react hook: useDebugValue

小强有个dream2024-03-06 10:00

在你的 自定义 Hook 的顶层调用 useDebugValue,以显示可读的调试值:

在react开发工具(components面板)-选中添加useDebugValue的hooks组件,在右侧hooks上可以看到标记

javascript 复制代码
import { useDebugValue } from 'react';

function useOnlineStatus() {
  // ...
  useDebugValue(isOnline ? 'Online' : 'Offline');
  // ...
}

第二个参数用来格式话第一个参数的数据

javascript 复制代码
useDebugValue(date, date => date.toDateString());
上一篇:react
下一篇:私有网盘服务 dzzoffice部署
相关推荐
糯米团子749
5 小时前
react速通-2
前端·react.js·前端框架
糯米团子749
5 小时前
react速通-3
javascript·react.js·前端框架
心连欣
5 小时前
从静态页面到动态交互:DOM操作的核心API解析
前端·javascript·api
橙某人
5 小时前
SSR页面上的按钮点不了?Nuxt 懒加载水合揭秘💧
前端·vue.js·nuxt.js
零瓶水Herwt
6 小时前
Javascript常用设计模式
javascript
PursuitofHappiness
6 小时前
2 tree-cli 的使用方法
前端
风骏时光牛马
6 小时前
C Shell脚本编程与系统管理技术实践指南
javascript
烛衔溟
6 小时前
TypeScript this 参数类型与全局 this
javascript·ubuntu·typescript
不做超级小白
6 小时前
把图片压小,但不糊:reduceUrImgs项目关键点拆解
前端·开源·node.js
耀耀切克闹灬
6 小时前
Eruda 移动端调试工具使用指南
前端
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free042026年4月AI大事件深度解读:大模型竞争进入“深水区“05Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决06AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析07UBUNTU Claude Code 报错 claude native binary not installed08近期有什么ai的新消息,新动态? 2026.4月09从限购到畅通:GLM-5.1 Coding Plan接入攻略10从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程