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());
相关推荐
weixin_43160044几秒前
做 Agent 会用到的 Node API(3):异步与流
前端·学习·ai·agent·ai编程
程序员黑豆5 分钟前
鸿蒙应用开发之生命周期方法完全指南
前端·harmonyos
一点一木6 分钟前
第 23 届 ChinaJoy 刚结束,我把 965 个展台做成了 3D 云展馆
前端·人工智能
wordbaby8 分钟前
前端请求缓存写了,同一个接口为什么还是打了十几次?
前端·promise
不可能掉发8 分钟前
Env Guard:让浏览器一眼分清生产、测试和开发环境
前端·javascript·chrome·测试工具·html·开源软件·个人开发
饼干哥哥15 分钟前
Codex 必改的8 个基础配置
前端·人工智能·后端
扯蛋43820 分钟前
langchain1.x 时代的记忆系统 (二)
javascript·llm·agent
ClouGence21 分钟前
AI Agent 能写测试、跑流程,为什么回归测试还不能完全交给 AI?
前端·测试
码云之上22 分钟前
Context Engineering:让 Agent 在当前步骤看到正确的事实
前端·人工智能·前端工程化
烂蜻蜓32 分钟前
Node.js入门教程(一):初识Node.js——服务端JavaScript的诞生与特点
开发语言·javascript·node.js