chrome浏览器如何查看react的组件state

 时间:2024-10-13 08:21:08

1、首先,有一个如图所示react项目,其中App组件中有EntityList组件带有state。

chrome浏览器如何查看react的组件state

3、首先说不通过插竭惮蚕斗件的方式,除了console.log,可以在变更state的地方断点,在Scope中找到通常是this对象,展开找到state, props等。

chrome浏览器如何查看react的组件state

5、在扩展程序页面找到打开chrome网上应用店。如果获取不了可以从其它地方找插件文件分享。

chrome浏览器如何查看react的组件state

7、添加到chrome以后,如果当前页面没有用react,或者页面没刷新,插件标志是灰色的。

chrome浏览器如何查看react的组件state

9、打开chrome开发者工具,在选项卡上多了Components这一个。点开可以查看react组件。

chrome浏览器如何查看react的组件state

11、另外,使用选项卡中的Profiler可以采集一段操作,然后分析页面的渲染来分析性能。

chrome浏览器如何查看react的组件state
  • CentOS服务器挂载本地磁盘
  • 在物理机上安装虚拟机(步骤详细)
  • windows10怎么设置负屏的方向
  • 浅谈PD快充协议和Type-C接口关系
  • 怎样给HP服务器安装cpu
  • 热门搜索
    广西巴马旅游 苏州旅游团 春天旅游攻略 房山旅游景点 秦皇岛旅游地图 重庆仙女山旅游攻略 甘肃省旅游局 乌镇旅游网 云南旅游风景图片 包车旅游