技术栈

react hook: useDebugValue

小强有个dream2024-03-06 10:00

在你的 自定义 Hook 的顶层调用 useDebugValue,以显示可读的调试值:

在react开发工具(components面板)-选中添加useDebugValue的hooks组件,在右侧hooks上可以看到标记

javascript 复制代码
import { useDebugValue } from 'react';

function useOnlineStatus() {
  // ...
  useDebugValue(isOnline ? 'Online' : 'Offline');
  // ...
}

第二个参数用来格式话第一个参数的数据

javascript 复制代码
useDebugValue(date, date => date.toDateString());
上一篇:react
下一篇:私有网盘服务 dzzoffice部署
相关推荐
剪刀石头布啊
4 小时前
vue-react为何要虚拟dom
前端
剪刀石头布啊
4 小时前
ahooks常用的一些库,我们使用一下
前端
剪刀石头布啊
4 小时前
从git更新本地提交记录到更新已经推送到远端记录
前端
云浪
5 小时前
Go 并发实战:从零实现一个高并发安全的任务调度器
javascript·后端·go
Flynt
6 小时前
axios 被投毒半年后,我把 npm 的"安全防线"实测了一遍:最信任的 SHA512 是安慰剂
前端·npm·node.js
excel
6 小时前
Base62 和 Base64 有什么区别?
前端
风骏时光牛马
8 小时前
大模型底层架构与AI源码深度剖析
前端
掘金挖土
9 小时前
前端手摸手跑路之 AI 应用开发(九)
前端·后端
中文呀
11 小时前
三维 GIS 离线缓存实战:逆向 CesiumOfflineCache,并亲手为它补上"自动更新"能力
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02如何新建文件夹? 电脑新建文件夹的4种方法03「全语录+省流版」邵艾伦 × 孙宇晨:聊风口、聊个人IP、聊年轻人如何抓住 AI 时代的机会04GitHub 镜像站点05历年考研数学一、数学二、数学三真题试卷及答案PDF06几个好用的ip纯净度检测网站07苹果iPA游戏软件资源下载网站08Windows 10/11 如何退出微软账户并改用本地账户登录(含找不到选项的解决方法)09蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接10Telegram APK 下载安装完整指南 — 2026年最新