小编Yur*_*erg的帖子

是否有条件地渲染 React 组件而不是原始标记保存性能?

这在我的脑海中很有意义,但我无法找到任何事实/文章来支持这一点。

本质上是在做类似的事情

render() {
  return (
    someBoolean && <div>Some Markup</div>
  )
}
Run Code Online (Sandbox Code Playgroud)

性能低于

render() {
  return (
    someBoolean && <SomeComponent />
  )
}
Run Code Online (Sandbox Code Playgroud)

whereSomeComponent与上一个示例具有完全相同的标记。

我的理由是,由于每次重新渲染时都必须创建标记,因此它会占用更多内存,而保存的组件SomeComponent将在内存中引用,而不必在每次重新渲染时创建。

反应文档中是否有更彻底地解释这一点的地方?
还是这个推理不准确?

javascript performance ecmascript-6 reactjs

5
推荐指数
1
解决办法
108
查看次数

标签 统计

ecmascript-6 ×1

javascript ×1

performance ×1

reactjs ×1