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());
相关推荐
猜测710 分钟前
新语法在旧设备上的问题
前端·javascript·node.js
Liangwei Lin25 分钟前
LeetCode 155. 最小栈
java·javascript·算法
前端若水27 分钟前
实战:纯 CSS 实现“有图片的卡片不同样式”
前端·css
爱喝水的鱼丶1 小时前
SAP-ABAP:SAP 与 ABAP 关联逻辑与入门路径:业务×开发的协作指南
服务器·前端·数据库·学习·sap·abap
小陈的进阶之路1 小时前
Python系列课(2)——判断
java·前端·python
2301_815645381 小时前
html.
前端·html
qq_381338502 小时前
CSS @layer 级联层实战指南:从样式冲突到分层架构
前端·css
广州华水科技2 小时前
深度测评2026年好用的单北斗GNSS变形监测系统推荐,提升GNSS位移监测精度,引领智能监控新风尚
前端
花归去2 小时前
vue3中 function getText(){} 、 const getText=()=>{} ;区别在哪里,优缺点
javascript·vue.js·ecmascript