深圳做模板网站的公司,网络会议,优设导航,wordpress 修改源码可以在谷歌扩展应用商店里获取这个插件。如果不能访问谷歌应用商店#xff0c;可以点此下载最新版
安装插件后#xff0c;控制台出现 “Components” 跟 “Profiler” 菜单选项。 查看版本#xff0c;步骤#xff1a; 下面介绍 react devtools 的使用方式。
在 Component…可以在谷歌扩展应用商店里获取这个插件。如果不能访问谷歌应用商店可以点此下载最新版
安装插件后控制台出现 “Components” 跟 “Profiler” 菜单选项。 查看版本步骤 下面介绍 react devtools 的使用方式。
在 Components 处可以看到整个 React 应用的组件数。 可以通过搜索框搜索相应的组件当应用功能复杂时这个功能好用。 右窗口显示组件具体的属性。
比如点击左边的第一个ListItem右边显出它的 props 相关属性、事件处理函数等等。 当在 Element 处点击任意 DOM 元素的时候可以看到有个 “$0”可以通过 $0 获取相关的 DOM 节点。 在 Console 处输入 $0 可以获取到该元素 同样地在 Components 处选中某一个React组件后可以在 Console 处将当前选中的 React 元素输出。
比如在 Components 处选中一个 React 组件 在 Console 处输入 $r就输出了该组件的实例 输入 $r.render() 执行 render 方法就输出了整个对象结构