javascript - React perf 总是打印空数组

Question

我正在尝试使用 React 性能工具测试我的应用程序的性能。问题是它不起作用。 我叫

Perf.start()

Perf.stop()

Perf.printWasted()

在控制台中有效(没有控制台错误或警告)，但 printWasted() 总是返回空数组和一条消息

Total time: 0.00 ms

这也适用于其他函数，例如 printInclusive() 和 printExclusive() 可能是什么问题？ P.S 我正在使用 react-router，react perf 的表现如何？也许这会导致一些问题？ 此外，process.env.NODE_ENV 未设置为生产环境，我使用的是 React 0.13.3

Answer 1

我遇到了与此处描述的问题相同的问题 - 但就我而言，这是一个愚蠢的错误。您(或将来的其他人)可能犯了同样的愚蠢错误，所以我想我应该解释一下我的所作所为。

我正在编写一些测试代码，将 React 库直接加载到页面中 -

<script src="/Script/ThirdParty/react-15.0.0.js"></script>
<script src="/Script/ThirdParty/react-dom-15.0.0.js"></script>

当我想获取有关页面性能的信息时，我还加载了“插件”脚本 -

<script src="/Script/ThirdParty/react-15.0.0.js"></script>
<script src="/Script/ThirdParty/react-dom-15.0.0.js"></script>
<script src="/Script/ThirdParty/react-with-addons-15.0.0.js"></script>

然后刷新页面，到控制台输入

React.addons.Perf.start()

我与页面进行了交互，以便重新呈现然后输入

React.addons.Perf.stop()
React.addons.Perf.printWasted()

我总是得到

Array[0]

Total time: 0.0ms

错误是插件脚本不应该另外加载到主 React 脚本，它应该被加载而不是 - 即。

<script src="/Script/ThirdParty/react-with-addons-15.0.0.js"></script>
<script src="/Script/ThirdParty/react-dom-15.0.0.js"></script>

在更正之后，我开始从 perf 工具方法中获取结果。