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());
相关推荐
by__csdn几秒前
ES6新特性全攻略:JavaScript的现代革命
开发语言·前端·javascript·typescript·ecmascript·es6·js
by__csdn3 分钟前
Vue 双向数据绑定深度解析:从原理到实践的全方位指南
前端·javascript·vue.js·typescript·前端框架·vue·ecmascript
奋斗吧程序媛7 分钟前
前端 Token 管理与最佳实践
前端·vue.js
linhuai17 分钟前
在flutter中dio应该如何封装和使用
前端
汉堡大王952722 分钟前
JavaScript类型侦探:四大神器让你一眼看穿变量真身
前端·javascript
Debroon25 分钟前
从零开始手写ReAct Agent
前端·javascript·react.js
软件技术NINI26 分钟前
html css js网页制作成品——成毅html+css+js 5页附源码
javascript·css·html
Hello.Reader26 分钟前
Rocket 0.5 快速上手3 分钟跑起第一个 Rust Web 服务
开发语言·前端·rust
YIN_O26 分钟前
openEuler 上 CUDA 与 ROCm 的 GPU 加速实战
前端
CryptoRzz34 分钟前
对接墨西哥股票市场 k线图表数据klinechart 数据源API
开发语言·javascript·web3·ecmascript