react hook: useDebugValue

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

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

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

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

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

javascript 复制代码
useDebugValue(date, date => date.toDateString());
相关推荐
Eloudy5 小时前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
ZJU_统一阿萨姆6 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
用户921080262866 小时前
4. 前端地图大量点位实时更新优化:后端推增量,前端做 diff
前端
嘟嘟07176 小时前
Next.js 博客左侧笔记列表是怎么从 Redis 渲染出来的?从组件、children 到动态路由一次讲清
redis·react.js·前端工程化
SoaringHeart6 小时前
Flutter最佳实践:Web项目中文字体首次加载乱码问题解决
前端·flutter
西安小哥7 小时前
破局与重生:大厂前端如何借力 AI 转型“超级全栈“
前端·人工智能
sunly_7 小时前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
张元清7 小时前
React useInterval Hook:没有过期闭包的 setInterval (2026)
javascript·react.js
MXN_小南学前端7 小时前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
学习嵌入式的小周8 小时前
Notepad++8.8.7下载安装(附安装包)
前端·notepad++