ReactSight是React应用的组件层次树的实时视图，以Chrome插件形式发布，支持ReactRouter和Redux，现在支持Firefox。
设置| 从Chrome商店安装确保您已将ReactDevTools添加到Chrome。从Chrome网上商店安装ReactSight如果您正在运行本地文件URL，请确保在ReactDevTools和ReactSight的扩展设置中启用“允许访问文件URL”运行你的React应用程序，或者打开任何运行React的网站！打开Chrome开发者工具(cmd+opt+j)->ReactSight面板用法将鼠标悬停在节点上，在侧面板中查看它们的状态和道具。
使用内置过滤器隐藏DOM元素、Redux组件和路由器组件，可以只关注自己编写的组件
通过双击放大，通过shift+双击缩小（鼠标滚轮缩放即将推出！）
评论