reactjs - 将 React 组件作为全局变量导出到窗口

Question

在开发一个需要使用 refs 做很多事情的新组件时，我经常发现自己需要测试组件实例方法并触发状态更改等。所以我经常需要window.myComponent = this;在构造函数的末尾添加 a正在发展。这很烦人，我之前忘记删除它。有没有另一种方法可以用更少的工作和更少的（尽管是暂时的）丑陋来实现这一目标？

标签： reactjs

Answer 1

官方React Developer Tools扩展可用于调试组件实例：

在层次结构中选择一个组件会自动将组件实例分配给$r全局，这在控制台中可用。