React(精读官方文档) -高级指引 - Profiler

Profiler

• 用于 测量渲染一个React应用多久渲染一次以及渲染一次的‘代价’，它的目的是识别出应用中渲染比较慢的部分，或是可以使用类似 memoization 优化的部分，并从相关优化中获益。
• Profiler 能添加在 React 树中的任何地方来测量树中这部分渲染所带来的开销
• 它在生产构建中会被禁用

用法

• 需要两个 prop ：
• • id:string类型
• • 回调函数：是当组件树中的组件“提交”更新的时候被React调用的回调函数 onRender(function)。

    render(
      <App>
        <Profiler id="Navigation" onRender={
           callback}>
          <Navigation {
           ...props} />
        </Profiler>
        <Main {
           ...props} />
      </