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());
相关推荐
u01437810810 分钟前
行内块元素之间的空白
前端·html
Lsx_11 分钟前
基于 Claude Code 的 AI 编程工作流探索
前端·ai编程·claude
yingyima25 分钟前
Nginx 配置速查手册:核心语法与实战案例
前端
梨子同志27 分钟前
开发工具
前端·后端
像我这样帅的人丶你还31 分钟前
Java 后端详解(六):Maven 与本地开发指南
前端·后端
触底反弹32 分钟前
🎲 纯 CSS 搞定 3D 旋转立方体?还附赠一个「天坑」解决方案!
前端·css·html
盗德36 分钟前
LangChain.js 中文开发手册(记录)
前端
༄沐࿆风࿆࿆1 小时前
JavaScript函数完全指南:从基础语法到闭包原理与应用实战
开发语言·javascript
Geek-Chow2 小时前
微服务认证与授权:01 — 概念
java·前端·数据库
finyouIT2 小时前
锚点实现了点击导航平滑滚动到页面指定位置的三种方法
javascript·css