SuperAPI AI 工具集

devtools-react

编程与开发

查看项目

更新于 10-16 01:08

技能介绍

用途:@json-render/devtools-react 是 json-render devtools 检查面板的 React 适配器,用于在 React 项目中添加、配置或排查 @json-render/devtools-react。面板的共享能力、props、停靠行为与服务端流接入见 skills/devtools/SKILL.md(本次资料未提供其内容)。

安装:npm install @json-render/devtools @json-render/devtools-react

挂载:将 JsonRenderDevtools 挂载在已有的 React json-render provider 内,以便观察渲染器状态、动作与流:import { JsonRenderDevtools } from "@json-render/devtools-react"; 该组件在生产构建中不渲染内容。面板提供共享 devtools 控件,包括 Ctrl/Cmd + Shift + J 快捷键。

命令式控制:在任意已挂载的 React 后代组件中使用 useJsonRenderDevtools:import { useJsonRenderDevtools } from "@json-render/devtools-react"; 取得实例后可调用 devtools?.open()、devtools?.toggle()、devtools?.recordEvent({ kind: "stream-text", at: Date.now(), text: "hi" })。该 hook 在生产环境或组件挂载前返回 null。服务端流相关埋点应保留在 @json-render/devtools 中。

适用场景与限制:适用于 React 环境下的 json-render 渲染调试与事件记录;生产构建不渲染面板,hook 可能返回 null。资料未提供更多配置项、收费信息或平台兼容细节。