React Developer Tools擴展程序是在瀏覽器之中更加的好用，通過這款瀏覽器插件可以幫助開發者進行更加方便的開發，插件之中擁有豐富的開發功能，幫助用戶更好的進行辦公。

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.加載成功