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());
相关推荐
欧阳天羲5 分钟前
AI 时代前端工程师发展路线
前端·人工智能·状态模式
Moment6 分钟前
从爆红到被嫌弃,MCP 为什么开始失宠了
前端·后端·面试
code2010 分钟前
microapp 通过链接区分主子应用步骤
前端
IT 行者24 分钟前
Claude Code Viewer: 打造 Web 端 Claude Code 会话管理利器
前端·人工智能·python·django
张毫洁30 分钟前
vue2项目搭建
前端·vue.js·node.js
@逆风微笑代码狗40 分钟前
148.《mobx-react-lite + TypeScript 入门实战教程(完整版)》
前端·react.js·typescript
凌览40 分钟前
充值成功,腾讯成为OpenClaw官方赞肋商
前端·javascript·后端
盐焗西兰花44 分钟前
鸿蒙学习实战之路-Share Kit系列(12/17)-判断应用是否被系统分享拉起
前端·学习·harmonyos
范桂飓44 分钟前
OpenClaw 指令大全
前端·人工智能·chrome
lxh01131 小时前
记忆函数题解
开发语言·javascript·ecmascript