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

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

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

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

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

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

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