ReactJS 开发者工具

在构建 React 应用程序时，用于调试 React 应用程序或解决错误的最常用的 Chrome 扩展程序是 React Developer Tools，它是一款免费开源的 chrome 扩展程序。

此扩展程序用于在 React 组件的嵌套组件树中导航。它会查找存储的状态和道具值，并记录性能信息。

注意： 此扩展程序还会告知页面是否正在使用 ReactJS 的技术堆栈。

如何安装

前往 Chrome 网上应用店并安装 React Developer Tools。

当您点击此扩展程序时，它将显示该网页是否正在使用 ReactJS。

要查找网页的组件树，请转到该网页并检查应用程序或按Ctrl + Shift + I。它会打开 Chrome DevTools，在那里您会找到两个选项卡 - 组件和 Profiler。

组件 − 它包含在 React 应用程序中使用的所有组件的树结构。

Profiler − 它用于记录 React 应用程序的性能信息。

更新于：18-Mar-2021

183 次浏览

开启你的 职业生涯

完成课程以获得认证

开始
广告