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());
相关推荐
汉堡大王95272 分钟前
一张图三句需求,我用 Trae Work 做了一块能看日出日落和月相的天文机械表
前端·后端·github
小小善后师12 分钟前
用 Canvas + AI 实现登录页的 Logo 粒子动画
前端·vue.js
Amos_Web12 分钟前
Rspack 源码解析(十六):多类型资源如何进入 Compilation.assets
前端·rust·前端框架
GAMC15 分钟前
chrome-devtools-mcp:让 AI 编码助手真正"看见"浏览器
前端·人工智能
deli00715 分钟前
高尔顿板:把球一颗颗丢下去,为什么最后总堆成一座钟形山
前端
java_nnnn18 分钟前
JavaEE进阶-CSS初识
java·前端·css·java-ee·html
good_ideal19 分钟前
从零实现一个自动提交 PR 的 MCP 工具:用 Skill 串起 Git 与 Azure DevOps
前端
0nirvana020 分钟前
从普通 script 到 ESM:一文搞懂 JavaScript 模块、IIFE 和 window
javascript
喜欢吃豆22 分钟前
Agent 前端协议正在分层:彻底讲清 MCP Apps、AG-UI 与 A2UI
前端·大模型
赵锦川23 分钟前
css代替表格
前端·css