我们如何使用facebook React addons Perf类？

Question

尝试一个非常简单的事情,并得到错误"TypeError:无法读取未定义的属性'计数'

这是hello world示例代码.

https://gist.github.com/joshuacalloway/ae5b184c485956314d1c

Answer 1

我知道这个问题已经过时了 - 但万一有人落在这里(就像我一样),这就是你今天应该怎么做的事情.

您可以单独导入所需的反应插件

import Perf from 'react-addons-perf'

然后你可以随心所欲地做任何事情.例子:将它分配给窗口对象,这样你就可以在控制台中使用它.

window.Perf = Perf

Answer 2

我在渲染函数中调用Perf.start()得到了同样的错误,我想开始分析,似乎是一个计时问题,所以我刚开始记录perf,然后再渲染任何东西然后在我想要的时候调用我的打印函数看看发生了什么(伪代码):

在app.js中:

//var React = require('react'); // DONOTCHECKIN
var React = require('react/addons');
// ...

function run() {
  // DONOTCHECKIN
  window.Perf = React.addons.Perf; // save for later console calls
  React.addons.Perf.start();
  // ...

然后在控制台中我可以调用:

Perf.printWasted()

希望这可以帮助.