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());
相关推荐
必胜刻几秒前
AJAX 请求理解
前端·ajax·okhttp·前后端交互
朱建伟7 分钟前
大神尤雨溪再次出手,前端工具链整合--该文章是对vite plus官方README文档进行了翻译
前端·vite
vball9 分钟前
宏观数据从哪里来?——主流宏观经济数据库与API全景
前端
zhensherlock18 分钟前
Protocol Launcher 系列:Trae AI 编辑器的深度集成
javascript·人工智能·vscode·ai·typescript·编辑器·ai编程
吠品27 分钟前
Vue项目Moment.js引入优化:全局挂载与按需引入的深度解析与最佳实践
前端·javascript·vue.js
不甜情歌30 分钟前
JS 类型判断不用愁:4 种方法,覆盖所有场景
前端·javascript
ETA836 分钟前
状态管理没那么复杂:手写实现 Zustand 核心逻辑
前端·react.js
FanetheDivine41 分钟前
在react中使用signal
vue.js·react.js
用户2557788508142 分钟前
axios请求缓存
前端
夫瑞44 分钟前
TypeScript 直接编译成原生二进制,没有浏览器,没有 V8
前端