技术栈

react hook: useDebugValue

小强有个dream2024-03-06 10:00

在你的 自定义 Hook 的顶层调用 useDebugValue,以显示可读的调试值:

在react开发工具(components面板)-选中添加useDebugValue的hooks组件,在右侧hooks上可以看到标记

javascript 复制代码
import { useDebugValue } from 'react';

function useOnlineStatus() {
  // ...
  useDebugValue(isOnline ? 'Online' : 'Offline');
  // ...
}

第二个参数用来格式话第一个参数的数据

javascript 复制代码
useDebugValue(date, date => date.toDateString());
上一篇:react
下一篇:私有网盘服务 dzzoffice部署
相关推荐
宁雨桥
16 小时前
前端设计模式面试题大全
前端·设计模式
Cg13626915974
16 小时前
JS函数表示
前端·html
℘团子এ
16 小时前
vue3中,el-table表格固定列后出现表格线段折断的问题
javascript·vue.js·elementui
在屏幕前出油
16 小时前
02. FastAPI——路由
服务器·前端·后端·python·pycharm·fastapi
勿芮介
16 小时前
【大模型应用】在window/linux上卸载OpenClaw
java·服务器·前端
摸鱼仙人~
16 小时前
前端面试手写核心 Cheat Sheet(终极精简版)
前端
馬致远
16 小时前
Win7 配置 Vue脚手架
javascript·vue.js·ecmascript
Ashley_Amanda
16 小时前
深入浅出Web Dynpro:SAP企业级Web应用开发全面解析
前端
方安乐
16 小时前
概念:前端工程化实践
前端
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南04本地部署 OpenClaw + DeepSeek-R1 完全指南05OpenClaw macOS 完整安装与本地模型配置教程(实战版)06OpenClaw 飞书机器人不回复消息?3 小时踩坑总结07得物前端部门,没了08UV安装并设置国内源09“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)10OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录