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());
相关推荐
小金鱼Y36 分钟前
别再乱拷贝了!JS 浅拷贝 vs 深拷贝全解析
前端·javascript
kyriewen39 分钟前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·css·scss
海带先森42 分钟前
python 虚拟环境的创建
前端
lovemiss1 小时前
解码本质:claude code是怎么运行的
前端
yuxi20201 小时前
Cursor 的 7 个隐藏功能,90% 的人不知道
前端
Moment1 小时前
MiniMax 发布 M2.7,Agent 开始走向自我进化
前端·后端·面试
发现一只大呆瓜1 小时前
Vue-Vue Router核心原理+实战用法全解析
前端·vue.js·面试
m0_694845571 小时前
Oh My Zsh 使用指南:Zsh 终端配置与插件管理教程
服务器·前端·小程序·开源·github
英俊潇洒美少年1 小时前
React19 useActionState的注意事项
前端·javascript·react.js
huaqianzkh1 小时前
两个 ASP.NET Core Web API 模板核心区别
前端·后端·asp.net