Profiler API
Profiler测量渲染一个React应用多久渲染一次以及渲染一次的代价。它的目的是识别出应用中渲染较慢的部分,或是可以使用类似memoization优化的部分,并从相关优化中获益。
Profiling 增加了额外的开支,所以它在生产构建中会被禁用。为了将profiling功能加入生产环境中,React提供了使profiling可用的特殊生产环境。从
fb.me/react-profiling了解更多关于如何使用这个构建环境的信息。
用法
Profiler能添加在React树中的任何地方来测量树中这部分渲染所带来的开销。它需要两个prop:一个是id(string),一个是当组件树中的组件"提交"更新的时候被React调用的回调函数onRender(function)。
例如,为了分析Navigation组件和它的子代:
render(
<Profiler id="Navigation" onRender={onRenderCallback}>
<Navigation />
</Profiler>
)