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());
相关推荐
万少2 分钟前
AI 智能记账 Skill,基于飞书 CLI + 多维表格构建。
前端
颜酱3 分钟前
语音合成与视觉模型api接入实现
前端·javascript·人工智能
你听得到115 分钟前
Get 这波之后,我把 Flutter 状态管理重新看了一遍:新项目到底该选谁?
前端·flutter·架构
一天睡25小时23 分钟前
做产品前,先别急着写代码:我是怎么判断一个点子值不值得做的
前端
霍理迪26 分钟前
TS—函数、类、泛型
前端
cc.ChenLy1 小时前
浏览器缓存机制详解:如何彻底解决前端代码更新后的缓存问题
前端
阿珊和她的猫1 小时前
使用 TypeScript 实现数组类型判断方法
javascript·typescript·状态模式
XTTX1101 小时前
Vue3+Cesium电子围栏效果
前端·javascript·vue.js
KevinWang_1 小时前
AI 基础设施及其应用
前端
AIFarmer1 小时前
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。
前端·npm·node.js