ReactJS 開發者工具

在構建 React 應用程式時，用於除錯 React 應用程式或解決錯誤的最常用的 Chrome 擴充套件程式是 React Developer Tools，它是一款免費開源的 chrome 擴充套件程式。

此擴充套件程式用於在 React 元件的巢狀元件樹中導航。它會查詢儲存的狀態和道具值，並記錄效能資訊。

注意： 此擴充套件程式還會告知頁面是否正在使用 ReactJS 的技術堆疊。

如何安裝

前往 Chrome 網上應用店並安裝 React Developer Tools。

當您點選此擴充套件程式時，它將顯示該網頁是否正在使用 ReactJS。

要查詢網頁的元件樹，請轉到該網頁並檢查應用程式或按Ctrl + Shift + I。它會開啟 Chrome DevTools，在那裡您會找到兩個選項卡 - 元件和 Profiler。

元件 − 它包含在 React 應用程式中使用的所有元件的樹結構。

Profiler − 它用於記錄 React 應用程式的效能資訊。

Rahul Bansal

更新於：18-Mar-2021

183 次瀏覽

開啟你的 職業生涯

完成課程以獲得認證

開始