Realize for React crx插件

语言: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和拖动/滚动来缩放和平移树-单击“状态”按钮以查看通过组件树的状态流