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());
相关推荐
科技苑15 分钟前
前后端分离与微服务架构如何协同?
前端·后端·前端框架
神秘的猪头27 分钟前
TypeScript 高级用法全解析:从泛型到 infer,把类型系统真正用起来
前端·typescript
moMo29 分钟前
React Hooks 与闭包
前端·react.js
ID346107442034 分钟前
【课程设计】基于Spring Boot+Vue的游戏账号租赁系统的设计与实现-计算机毕设 附源码50345
javascript·vue.js·spring boot·python·node.js·php·课程设计
柚yuzumi38 分钟前
彻底搞懂 JavaScript 类型转换:显式转换、隐式转换与 ToPrimitive
前端·javascript·node.js
向北丶39 分钟前
vscode 导入语句排序和删除未使用的导入
前端·visual studio code
张明君6445142 分钟前
接口返回 6 条,页面却有 7 篇:从源码看 React 和 Vue 的重复 key
react.js
PHP实战开发录1 小时前
PHP接口偶发变慢怎么查
前端·php·开发
师傅别念了1 小时前
React Hooks 踩坑合集,全是血泪教训
react.js
向北丶1 小时前
vite项目中配置alias别名
前端·vite