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());
相关推荐
暗不需求4 分钟前
前端性能优化 防抖与节流完全指南:从原理到最佳实践
前端·javascript·面试
@大迁世界5 分钟前
45.什么是内联条件表达式(inline conditional expressions)?在事件处理里怎么用?
开发语言·前端·javascript·react.js·ecmascript
我胖虎不答应!!18 分钟前
Three.js开发思想笔记
javascript·笔记·three.js
一颗趴菜36 分钟前
微信小程序如何去下载PDF呢
前端·javascript
KaMeidebaby40 分钟前
卡梅德生物技术快报|细菌 FISH 实验 + 流式细胞术:尿路感染活菌快速定量系统实现与数据验证
前端·数据库·其他·百度·新浪微博
昆曲之源_娄江河畔42 分钟前
DBGridEh Footer的使用
前端·数据库·delphi·dbgrideh
廖松洋(Alina)1 小时前
02数据模型与单词仓库-鸿蒙PC端Electron开发
前端·华为·electron·开源·harmonyos·鸿蒙
幽络源小助理1 小时前
最新短网址系统源码 分用户链接 - 幽络源免费源码分享
前端·php
Muen1 小时前
SwiftUI-学习路线
前端
小小小小宇1 小时前
普通 H5 新版本部署后通知用户更新方案
前端