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());
相关推荐
Fly-ping1 分钟前
【前端】vue3性能优化方案
前端·性能优化
curdcv_po3 分钟前
前端开发必要会的,在线JS混淆加密
前端
天生我材必有用_吴用4 分钟前
深入理解JavaScript设计模式之单例模式
前端
LuckySusu5 分钟前
【HTML篇】DOCTYPE 声明:掌握浏览器渲染模式的关键
前端·html
Darling哒6 分钟前
HTML块拖拽交换
前端
码农之王6 分钟前
(一)TypeScript概述和环境搭建
前端·后端·typescript
葬送的代码人生18 分钟前
React组件化哲学:如何优雅地"变秃也变强"
前端·javascript·react.js
用户527096487449019 分钟前
🚀 前端项目代码质量配置Prettier + Commitlint + Husky + Lint-staged
前端
xiaok20 分钟前
await返回之后的赋值给一个变量可以打印出数值,但是直接return回去之后,在另一个函数打印出来却是一个promise
前端
Bl_a_ck23 分钟前
【JS进阶】ES6 实现继承的方式
开发语言·前端·javascript