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());
相关推荐
糯米团子7495 分钟前
react速通-2
前端·react.js·前端框架
糯米团子7497 分钟前
react速通-3
javascript·react.js·前端框架
心连欣13 分钟前
从静态页面到动态交互:DOM操作的核心API解析
前端·javascript·api
橙某人16 分钟前
SSR页面上的按钮点不了?Nuxt 懒加载水合揭秘💧
前端·vue.js·nuxt.js
零瓶水Herwt22 分钟前
Javascript常用设计模式
javascript
PursuitofHappiness24 分钟前
2 tree-cli 的使用方法
前端
风骏时光牛马26 分钟前
C Shell脚本编程与系统管理技术实践指南
javascript
烛衔溟26 分钟前
TypeScript this 参数类型与全局 this
javascript·ubuntu·typescript
不做超级小白27 分钟前
把图片压小,但不糊:reduceUrImgs项目关键点拆解
前端·开源·node.js
耀耀切克闹灬30 分钟前
Eruda 移动端调试工具使用指南
前端