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

react developer tools hooks簡介

將 React 調(diào)試工具添加到 Chrome 開發(fā)人員工具中。從 2021 年 9 月 1 日修訂版 f58bbcf9a 創(chuàng)建。

React Developer Tools 是開源 React JavaScript 庫的 Chrome DevTools 擴展。它允許您在 Chrome 開發(fā)人員工具中檢查 React 組件層次結(jié)構(gòu)。

插件特色

您將在 Chrome DevTools 中獲得兩個新選項卡：“組件”和“Profiler”。

Components 選項卡顯示頁面上呈現(xiàn)的根 React 組件，以及它們當易網(wǎng)最終呈現(xiàn)的子組件。

通過選擇樹中的一個組件，您可以在右側(cè)的面板中檢查和編輯其當前的道具和狀態(tài)。在面包屑中，您可以檢查所選組件、創(chuàng)建它的組件、創(chuàng)建該組件的組件等等。

如果您使用常規(guī)元素選項卡檢查頁面上的 React 元素，然后切換到 React 選項卡，該元素將在 React 樹中自動選擇。

Profiler 選項卡允許您記錄性能信息。

谷歌瀏覽器擴展插件安裝方法

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

2.打開瀏覽器擴展程序選項，選擇已解壓的擴展程序

3.選到你解壓的文件路徑，點擊確定

4.加載成功