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());
相关推荐
HjhIron几秒前
从手机号校验到模板引擎:正则表达式的实战之旅
javascript
Hello馒头儿几秒前
vue3+uniapp经典hook方式实现一个更多加载的列表组件
前端·javascript·vue.js
浩风祭月1 分钟前
前端错误监控方案对比:Sentry SaaS vs 自部署 vs 纯开源组合
前端·openai·ai编程
用户938515635072 分钟前
前端必会:从 Fetch 到 DeepSeek,一篇搞懂 HTTP 请求的方方面面
javascript·架构
ze_juejin2 分钟前
promise和try catch的比较
前端
用户573240037234 分钟前
AgentForge-WX v0.3.0:12项更新 + 框架重新定位,把微信小程序AI对话的坑全填了
前端
米丘4 分钟前
HTTP 传输层 TCP 三次握手 / 四次挥手
前端·网络协议·http
小lan猫5 分钟前
多域 RAG 知识库:从 Vue 前端到 NestJS + PGVector 的全栈实践
前端·人工智能·typescript
半个烧饼不加肉11 分钟前
JS 底层探究--执行上下文
开发语言·前端·javascript
极光技术熊11 分钟前
从零构建在线Excel:一个Java全栈工程师的实战记录
前端·后端