react-developer-tools 性能介绍
一、组件的构造层级关系展现
父节点，子节点，兄弟节点等，整个组件树的预览
二、组件的信息展现及操作（批改，复制，打印）
-
数据状态（可批改）
- 内部数据 prop
- 外部数据 state: 反对 state，和 hooks 两种写法
- 组件在源码的地位（文件名，文件行）
- 层级构造（上一级目录，可通过这个点击跳转）
- 查看组件源码内容
三、定位指定组件
- 光标定位：相似 chrome html 元素选择器，select an element in the page to inspect it
- 搜寻定位：导出的数组须要设置导出名字，否则就是匿名组件（anonymous）
- 级层定位：须要先选中一个组件，右侧面板中，再点击目录层级可间接跳转
四、其余性能
- 定位到指定组件的 html Elements 地位