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

时间:2018-08-19 19:03:49

标签: reactjs

在开发需要使用ref做很多事情的新组件时,我经常发现自己需要测试组件实例方法并触发状态更改等。因此,我常常最终需要添加window.myComponent = this;在我进行开发时,在构造函数的末尾。这很烦人,我之前忘记将其删除。有没有其他方法可以减少工作量和减少(尽管是暂时的)丑陋程度?

1 个答案:

答案 0 :(得分:1)

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

react devtools

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