React Developer Tools扩展程序v4.18.0 官方版

react developer tools hooks简介

将 React 调试工具添加到 Chrome 开发人员工具中。从 2021 年 9 月 1 日修订版 f58bbcf9a 创建。

React Developer Tools 是开源 React JavaScript 库的 Chrome DevTools 扩展。它允许您在 Chrome 开发人员工具中检查 React 组件层次结构。

插件特色

您将在 Chrome DevTools 中获得两个新选项卡：“组件”和“Profiler”。

Components 选项卡显示页面上呈现的根 React 组件，以及它们当易网最终呈现的子组件。

通过选择树中的一个组件，您可以在右侧的面板中检查和编辑其当前的道具和状态。在面包屑中，您可以检查所选组件、创建它的组件、创建该组件的组件等等。

如果您使用常规元素选项卡检查页面上的 React 元素，然后切换到 React 选项卡，该元素将在 React 树中自动选择。

Profiler 选项卡允许您记录性能信息。

谷歌浏览器扩展插件安装方法

1.解压rdt.cj_v4.18.0_downyi.com.zip文件

2.打开浏览器扩展程序选项，选择已解压的扩展程序

3.选到你解压的文件路径，点击确定

4.加载成功