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());
相关推荐
yu俞娥宝14 小时前
Codex官网前端可抄吗?技术拆解、风险边界与合规借鉴方案
前端
捧 花15 小时前
FastAPI 基础语法:从一个完整接口理解 Web API 的设计
前端·python·fastapi·middleware
Hilaku15 小时前
一行 CSS 新特性干掉 20 行 JavaScript ?
前端·javascript·程序员
风月说与山鬼15 小时前
JS闭包详解
开发语言·javascript
JarvanMo15 小时前
AI 写代码暴增 161 倍,移动开发有没有变得更差?
前端
梦曦i15 小时前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
小林ixn15 小时前
React + Zustand + JWT:从零实现登录鉴权与请求拦截
前端·react.js·前端框架
葡萄城技术团队15 小时前
下拉多选类型单元格:在 SpreadJS 里接入 xm\-select
前端
粥里有勺糖16 小时前
视野修炼-技术周刊第130期 | 光影效果
前端·javascript·github
小岛前端16 小时前
AI Skills 已经封神,但新的问题却越来越严重!
前端·后端·github