语言:English (United States)
一个React组件树可视化器
随着React应用程序的扩展，跟踪状态和全面了解组件层次结构变得更加困难。
Realize是一种工具，可帮助开发人员可视化其React应用程序的结构和状态流，尤其是在规模和复杂性不断增长的情况下。
当前支持React v.16.8。
前提条件1.您必须安装React开发工具才能使用Realize for React。
从Chrome商店2安装它。Realize最好在未部署的应用程序上使用。
部署网站的这种丑陋使组件结构变得难以阅读。
使用方法1.单击蓝色的“添加到Chrome”按钮2.安装后，导航到您的React网站3.打开“开发工具”窗口，然后单击“实现”面板4.触发状态更改以填充组件树功能： -利用搜索栏搜索树中存在的任何组件。
-单击节点组件将在右侧面板中显示有关状态，子项，道具和挂钩的信息。
-您可以通过按住shift和拖动/滚动来缩放和平移树-单击“状态”按钮以查看通过组件树的状态流
